FlyoutMenu: a jQuery plugin for Bootstrap 5 that handles multi-level navigation menus with RTL support and dark mode integration.
Key features:
- Unlimited menu nesting depth with automatic viewport edge detection
- Automatic RTL/LTR detection from dir attributes
- Touch device support that switches from hover to click interactions
- Bootstrap theme system integration with CSS variable-based dark mode
- Complete keyboard navigation with ARIA attributes for screen readers
- JSON initialization or HTML enhancement modes
The plugin weighs about 8 KB total (minified CSS + JS) and requires jQuery 3.7+, Bootstrap 5, and Bootstrap Icons.
Works well for e-commerce category trees, multi-language applications, dashboard navigation, or any interface that needs organized hierarchical menus without pulling in a large framework.
Top comments (0)