[▲ Vercel Community](/) · [Categories](/categories) · [Latest](/latest) · [Top](/top) · [Live](/live) [Showcase](/c/showcase/41) # Svelte Drawer // Gesture-driven drawer component for Svelte 5 67 views · 2 likes · 4 posts Abhivarde (@abhivarde) · 2026-03-12 · ♥ 1 Svelte Drawer is a flexible, accessible drawer component for Svelte 5, inspired by Vaul. Built for developers who want smooth, gesture-driven drawers without the boilerplate. What Svelte Drawer does: - Smooth animations with gesture-driven dragging (mouse & touch) - Multiple directions: bottom, top, left, right - Snap points for iOS-like multi-height drawers (0.25, 0.5, 0.9) - Prebuilt variants: default, sheet, dialog, minimal, sidebar - Portal rendering to escape z-index conflicts - Optional header & footer components for quick setup - Backdrop blur with configurable intensity - Persistent state across page reloads - Nested drawer support - Full keyboard navigation + focus trap Who it's for: - Svelte 5 developers building mobile-friendly UIs - Apps needing iOS-style bottom sheets or side drawers - Projects where accessibility and keyboard nav matter - Anyone tired of writing drawer logic from scratch Technical details: - Framework: Svelte 5 (uses $state runes) - Styling: Tailwind CSS compatible - TypeScript: Full support - Install: npm install @abhivarde/svelte-drawer 3,000+ npm downloads · 30+ GitHub stars · Open source (MIT) Live demo: [drawer.abhivarde.in](https://drawer.abhivarde.in)  Pauline P. Narvas (@pawlean) · 2026-03-12 · ♥ 1 Nice one! Thanks for sharing :slight_smile: Very timely given our recent live session! https://community.vercel.com/live/34169-community-session-svelte-on-vercel Abhivarde (@abhivarde) · 2026-03-13 [quote="Pauline P. Narvas, post:2, topic:36018, username:pawlean"] Nice one! Thanks for sharing :slight_smile: Very timely given our recent live session! [/quote] > thanks! the live session motivated me to share this here 🙌 Abhivarde (@abhivarde) · 2026-03-17 github and npm link here if anyone wants to try it 🙌 → https://github.com/abhiVarde/svelte-drawer → https://www.npmjs.com/package/@abhivarde/svelte-drawer
