Gathering detailed insights and metrics for vaul
Gathering detailed insights and metrics for vaul
Installations
npm install vaulDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS, ESM
Node Version
20.17.0
NPM Version
10.8.2
Score
94.2
Supply Chain
75.2
Quality
82.7
Maintenance
100
Vulnerability
100
License
Releases
26
Languages
3
TypeScript
CSS
JavaScript
TypeScript (96.48%)
CSS (3.24%)
JavaScript (0.28%)
Developer
Download Statistics
Total Downloads
71,297,642
Last Day
389,575
Last Week
4,070,103
Last Month
18,436,700
Last Year
67,296,172
GitHub Statistics
MIT License
7,505 Stars
271 Commits
271 Forks
13 Watchers
108 Branches
40 Contributors
Updated on Jul 06, 2025
Bundle Size
70.51 kB
Minified
20.05 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.1.2
Package Id
vaul@1.1.2
Unpacked Size
179.98 kB
Size
37.66 kB
File Count
8
NPM Version
10.8.2
Node Version
20.17.0
Published on
Dec 14, 2024
Total Downloads
Cumulative downloads
Total Downloads
71,297,642
Dependencies
1
https://github.com/emilkowalski/vaul/assets/36730035/fdf8c5e8-ade8-433b-8bb0-4ce10e722516
Vaul is an unstyled drawer component for React that can be used as a Dialog replacement on tablet and mobile devices. You can read about why and how it was built here.
Usage
To start using the library, install it in your project:,
1npm install vaul
Use the drawer in your app.
1import { Drawer } from 'vaul'; 2 3function MyComponent() { 4 return ( 5 <Drawer.Root> 6 <Drawer.Trigger>Open</Drawer.Trigger> 7 <Drawer.Portal> 8 <Drawer.Content> 9 <Drawer.Title>Title</Drawer.Title> 10 </Drawer.Content> 11 <Drawer.Overlay /> 12 </Drawer.Portal> 13 </Drawer.Root> 14 ); 15}
Documentation
Find the full API reference and examples in the documentation.
No vulnerabilities found.
No security vulnerabilities found.