Bootstrap Sheet: a JavaScript library that adds mobile-first bottom sheets to Bootstrap 5 with full touch gesture support.
Key features:
- Swipe-to-dismiss with physics-based animations
- Configurable backdrop with blur effects and static mode
- Automatic focus trapping and keyboard navigation
- WCAG 2.1 Level AA accessibility compliance
- Event-driven API for lifecycle management
The library follows Bootstrap's familiar API patterns, making it easy to add iOS-style bottom drawers to web applications.
Works great for mobile menus, action sheets, and contextual panels.
๐ Blog Post
๐ GitHub Repo
๐ Live Demo
Top comments (0)