Vaul Vue
Vaul Vue is a lightweight, unstyled drawer component for Vue, enabling responsive, accessible slide-in panels for mobile and tablet. It's a fully-featured Vue port of Emil Kowalski’s React Vaul library, built using Reka UI primitives.
Unstyled Drawer Component
Provides a minimal, fully functional drawer/panel UI without styling, ready for custom theming.
Mobile- & Tablet-Optimized
Designed as a Dialog replacement, featuring swipe and click-to-dismiss behaviors suited for touch devices.
Based on Reka UI Dialog
Built atop the accessible, primitive Dialog component from Reka UI—handles focus, keyboard navigation, and ARIA roles.
Feature-Complete Port of React Vaul
Mirrors nearly all capabilities of Emil Kowalski’s Vaul library in Vue, ensuring familiarity for React users.
Drag & Snap Behavior
Supports drag gestures, snap points, handle-only interactions, and emits an animationEnd event on transitions.
CSS-Safe for CSP
Styles are separated into CSS files, making it compatible with strict Content-Security-Policy setups.
SSR-Friendly & Improved DX
Refactored for smooth server-side rendering and Vue-style developer ergonomics since v0.1.0.
Clean API with Components
Wrap your layout using components like <DrawerRoot>, <DrawerTrigger>, <DrawerPortal>, <DrawerOverlay>, and <DrawerContent>.
MIT License & Active Development
Open-source under MIT, with 400+ stars, regular patches, and a growing community of contributors.