vaul
npmv1.1.2TypeScriptDrawer component for React.
Adopt with care
vaul is usable, with caveats. Last published 635 days ago. 11 releases in the last 2 years. Pulls in 25 transitive packages, about 955 KB installed (at least — some of the tree is still being crawled).
- AAdoption: grade A, Excellent.
24.4M downloads per week and 1 known dependents.
- CMaintenance: grade C, Fair — worth a look.
Last published 635 days ago. 11 releases in the last 2 years.
- CWeight: grade C, Fair — worth a look.
Pulls in 25 transitive packages, about 955 KB installed (at least — some of the tree is still being crawled).
- BSupply chain: grade B, Good.
This package has a single maintainer (bus factor of 1).
- ALicense: grade A, Excellent.
MIT — permissive, with no copyleft found in the dependency tree.
Grades are computed deterministically from registry metadata collected by PackageGraph — downloads, dependents, publish dates, the resolved dependency tree, maintainer count, and declared licenses. No third-party scores are used.
Install cost
What you actually take on by adding vaul to a project.
Runtime packages this one declares itself.
Distinct packages in the full runtime tree, deduplicated the way a package manager would.
Unpacked size of this package plus its entire runtime tree.
Longest resolved dependency chain below this package.
Part of this dependency tree has not been crawled yet, so these figures are a lower bound rather than a final total.
Licenses in the dependency tree
Every license you inherit by installing vaul, not just its own. Check this before a legal review, not after.
Compatibility
- Node.js
- No constraint declared
- Module format
- ESM + CommonJS
- TypeScript
- Types included
- Install scripts
- None
Quick start
A usage example from the vaul README.
import { Drawer } from 'vaul';
function MyComponent() {
return (
<Drawer.Root>
<Drawer.Trigger>Open</Drawer.Trigger>
<Drawer.Portal>
<Drawer.Content>
<Drawer.Title>Title</Drawer.Title>
</Drawer.Content>
<Drawer.Overlay />
</Drawer.Portal>
</Drawer.Root>
);vaul vs the alternatives
Packages solving a similar problem in the npm ecosystem, compared on the signals that drive an adoption decision.
| Package | Weekly downloads | Dependents | License | Last release |
|---|---|---|---|---|
| vaulthis page | 24.4M | 1 | MIT | 1 year ago |
| react | 152.8M | 82 | MIT | 1 day ago |
| react-dom | 143.7M | 47 | MIT | 1 day ago |
| react-style-singleton | 59.1M | 2 | MIT | 1 day ago |
| reselect | 44M | 1 | MIT | 1 day ago |
| next | 40.6M | 0 | MIT | 1 day ago |
Dependencies
Declared by vaul v1.1.2. Runtime dependencies are installed with the package; dev dependencies are not.
Runtime (1)
Peer (2)
Dev (12)
Used by
Popular packages that depend on vaul.
Relationship graph
Dependencies (left) and dependents (right) of vaul.
Frequently installed together
Native navigation primitives for your React Native app.
Simple and complete React Native testing utilities that encourage good testing practices.
Declarative API exposing native platform touch and gesture system to React Native
React Server Components bindings for DOM using Webpack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.
More powerful alternative to Animated library for React Native.
The Expo SDK
Tools for making advanced Metro bundler features work
Error overlay for universal Expo apps.
React Native for Web
Escape RegExp special characters
React is a JavaScript library for building user interfaces.
React package for working with the DOM.
Release history
1 release in the last two years, typically about 5 days apart.
| Version | Published | Size | License |
|---|---|---|---|
| 1.1.2latest | 1 year ago | 180 KB | MIT |
| 1.1.1 | 1 year ago | 180 KB | MIT |
| 1.1.0 | 1 year ago | 179 KB | MIT |
| 1.0.0 | 1 year ago | 181 KB | MIT |
| 0.9.9 | 1 year ago | 175 KB | MIT |
| 0.9.8 | 1 year ago | 175 KB | MIT |
| 0.9.7 | 1 year ago | 174 KB | MIT |
| 0.9.6 | 1 year ago | 173 KB | MIT |
| 0.9.5 | 1 year ago | 173 KB | MIT |
| 0.9.4 | 2 years ago | 156 KB | MIT |
| 0.9.3 | 2 years ago | 143 KB | MIT |
| 0.9.2 | 2 years ago | 155 KB | MIT |
| 0.9.1 | 2 years ago | 155 KB | MIT |
| 0.9.0 | 2 years ago | 248 KB | MIT |
| 0.8.1 | 2 years ago | 247 KB | MIT |
Overview
vaul is an npm package that drawer component for React. It is extremely widely used, with about 24.4M downloads per week and 1 known dependents in the graph. The latest version is 1.1.2, released under the MIT license.
Who should use it
Teams working in the npm ecosystem who need drawer component for React and value a battle-tested, widely-adopted solution.
When not to use it
Consider an alternative if you need to or if a more actively-maintained option better fits your npm stack.
Pros
- Large, well-established user base (24.4M weekly downloads).
- Ships TypeScript type definitions.
- Clear open-source license (MIT).
Cons
- No significant drawbacks detected from available metadata.
Auto-generated from collected registry metadata. No external claims are inferred.
Maintainers
Frequently asked questions
Should I use vaul?
vaul is usable, with caveats. Last published 635 days ago. 11 releases in the last 2 years. Pulls in 25 transitive packages, about 955 KB installed (at least — some of the tree is still being crawled).
How do I install vaul?
Run `npm install vaul` to add vaul to your npm project.
How many dependencies does vaul have?
vaul declares 15 direct dependencies and pulls in 25 packages in total once its runtime tree is resolved totalling about 955 KB on disk.
What license is vaul released under?
vaul is distributed under the MIT license.
How popular is vaul?
vaul has approximately 24,366,525 downloads per week and 1 known dependent packages.
Is vaul still maintained?
The most recent release of vaul (v1.1.2) was published 1 year ago.
Does vaul run install scripts?
No. vaul does not define preinstall, install, or postinstall scripts, so installing it does not execute publisher-supplied code.