Sidebar Menu with Custom Gradio HTML component
Project description
tags: [gradio-custom-component, sidebar, menu, dashboard] title: gradio-sidebar-menu short_description: Custom sidebar menu component for Gradio using gr.HTML colorFrom: indigo colorTo: purple sdk: gradio pinned: false app_file: space.py
gradio-dashboard-menu
💻 Component GitHub Code
Custom sidebar menu component for Gradio apps using gr.HTML with Lucide icons, collapsible groups, dynamic routing, and full theme support.
Perfect for dashboards, AI creative tools (like image/model generators), or any Gradio app that needs an elegant, responsive side navigation.
Features and Key Characteristics
- Collapsible groups with persistent state (folders stay open even after navigation)
- Custom colored icons via Lucide (colors defined in
menu_data) - Light/dark theme support (uses Gradio's native
--CSS variables) - Animated toggle button with smooth rotating arrow (< >)
- Flexible position (left/right) with correct borders on both sides
- Responsive — auto-closes on mobile when selecting an item
- Events —
change(navigation),expand,collapse - No extra dependencies beyond Gradio + Lucide CDN
Installation
pip install gradio-sidebar-menu
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Filter files by name, interpreter, ABI, and platform.
If you're not sure about the file name format, learn more about wheel file names.
Copy a direct link to the current filters
