Adaptive sidebar for pro apps 🧭⚙️. A sidebar navigation widget for Flutter/FlutterFlow that fluidly adapts from a full menu to a compact icon rail. It supports nested routes, badges, a profile footer, and silky expand/collapse animations. Built for dashboards and data-heavy apps, the sidebar stays route-aware, keyboard accessible, and RTL/localization ready. 🚀

⚙️ Functionality

• 📱 Responsive modes: persistent, dismissible, overlay; auto-switches to mini rail at custom breakpoints

• 🧭 Stateful navigation: highlights active route, preserves open groups, optional breadcrumbs/top-bar sync

• 🗂️ Nested items & sections: multi-level groups with headers, dividers, badges/counters

• 🖱️ Interactions: tap, hover, keyboard focus; swipe/drag to open; optional scrim & backdrop blur

• 👤 User area: avatar, name, role, quick actions (logout/settings) pinned to footer

• 🎨 Theming: custom widths (expanded/collapsed), icon/text styles, active/hover colors, elevation, radius, shadows, animation duration/curve

• ♿ Accessibility: logical focus order, ARIA semantics, high-contrast mode, tooltips for collapsed icons

• 🌍 Internationalization: LTR/RTL and dynamic labels

• ⚡ Performance: lazy list for long menus; smooth 60 fps transitions

• 💾 State persistence: remembers last width/mode and expanded groups across sessions

🧭 Use Cases

• 🛠️ Admin dashboards & internal tools (CRM, ERP, analytics)

• ☁️ SaaS consoles and multi-tenant back offices

• 🛍️ E-commerce management (orders, products, customers)

• 🎓 Education/LMS and content platforms

• 📈 Project management, ticketing, collaboration apps

• 🔎 Any app needing scalable, discoverable multi-section navigation

🔑 Keywords: sidebar navigation widget, flutterflow sidebar custom widget, navigation drawer flutterflow, navigation rail mini rail, collapsible menu sidebar, persistent drawer overlay drawer, responsive ui breakpoints, admin dashboard sidebar, nested navigation badges tooltips, rtl accessible theming, material 3 animation, breadcrumbs profile footer