A modern, responsive sidebar for Flutter/FlutterFlow that delivers clear, scalable app navigation on mobile and tablet. It supports both modal (slide-in) and persistent/docked layouts, highlights the active route, and includes optional badges, dividers, and a dedicated footer area (e.g., Settings). Smooth animations, gesture support, and theming make it feel native in any app.

Functionality

• Modal, persistent, and mini/rail variants with width presets

• Edge-swipe and drag to open/close, plus scrim and tap-outside to dismiss

• Active item highlighting, icons + labels, badges/counters, and section headers

• Nested groups & collapsible accordions for multi-level navigation

• Route integration: deep links, programmatic navigation, and state restoration

• Theming: light/dark, shape, elevation, blur, gradients, custom paddings & spacing

• Accessibility: focus order, large hit targets, semantics/roles, keyboard navigation

• Performance & UX: safe-area aware, adaptive for tablets, 60fps transitions

Use cases

• Admin dashboards and internal tools with many sections

• E-commerce back office (orders, products, customers, reports)

• Social/messaging and content apps needing quick context switching

• Knowledge bases, LMS, and documentation portals

• Settings hubs and multi-tenant apps with role-based menus

Keywords
sidebar, navigation drawer, app drawer, navigation rail, collapsible menu, nested navigation, modal drawer, persistent drawer, responsive UI, edge swipe, active state, badges, Flutter widget, FlutterFlow component, mobile navigation, tablet layout, accessible UI, animated drawer.