Gesture Drawer
A highly customizable, gesture-enabled drawer component with snap points, nested scrolling, and smooth animations for mobile-first experiences.
Pro Features
Unlock advanced capabilities with the Pro version
Advanced Gestures
Natural drag gestures with velocity detection and elastic behavior
Snap Points
Multiple snap positions with smooth transitions and callbacks
Flexible Positioning
Support for all directions (bottom, top, left, right)
Smooth Animations
Framer Motion powered with spring physics
Nested Scrolling
Smart scroll handling for complex drawer content
Mobile Optimized
Touch-friendly interactions with proper gesture recognition
Installation
Install via CLI
moonui add gesture-drawerUsage
Examples
Instagram Style Bottom Sheet
Social media style post viewer with bottom sheet drawer
Mobile Navigation Drawer
Left-side navigation drawer with user profile and menu items
Click the menu icon to open navigation drawer
Action Sheet
iOS-style action sheet with destructive actions and selection feedback
Filter Panel
E-commerce style filter drawer with multiple filter types
Media Player
Music player with mini and expanded views using snap points
Settings Panel with Snap Points
Progressive disclosure settings panel using snap points