Sidebar Pro

What is Sidebar Pro?

What is Sidebar Pro? Sidebar Pro is a premium slide-out navigation panel that overlays your entire page with smooth spring-driven animations. It features multi-level accordion menus, a real-time search filter, and a morphing trigger icon fixed to the viewport edge. Ideal for dashboards, documentation sites, e-commerce stores, and any project that needs powerful off-canvas navigation without compromising page layout. Core Features Animated slide-out panel with configurable spring physics for stiffness, damping, and mass Multi-level accordion navigation with nested sub-items and automatic expand on active route Real-time search filtering that highlights matching items across all menu levels Hamburger-to-close icon morphing animation on the trigger tab Glassmorphism panel with backdrop blur and configurable overlay blur on background content 20 built-in SVG icons, custom image upload per item, or no icon mode Full color theming with Dark, Light, and Custom presets including six individual color overrides Responsive image support for header logo Badge labels per item for notifications, counts, or status tags Keyboard dismiss with Escape key and click-outside-to-close overlay Controls inside Framer Menu Items Label, icon mode (Preset, Custom, None), icon picker or image upload Link URL with optional new tab Badge text Divider after toggle Nested sub-items array with the same controls Header Show/hide header Title and subtitle text Header logo image Accent line toggle Search Bar Show/hide real-time search filter Trigger Tab Show/hide trigger Side placement (Left or Right) Vertical position along viewport edge Size, color, and border radius Sidebar Style Theme preset (Dark, Light, Custom) Panel width and border radius Accent color for active states, badges, and highlights Panel Background, Primary Text, Secondary Text, Borders, Item Hover, and Dividers color overrides (visible in Custom mode) Panel blur intensity Overlay opacity and blur Animation Spring stiffness, damping, and mass Font Font family and weight Best use cases Dashboard and administrator panel navigation with nested sections and notification badges Documentation and knowledge base sites with searchable, multi-level menus E-commerce stores needing off-canvas category browsing with sub-category drill-down Portfolio and agency sites that want premium hidden navigation without sacrificing page real estate Ship polished, interactive navigation in minutes — with the depth and control to match any brand. Questions or custom requests? We design and build custom Framer components. Get in touch at contact@teampixel.com.au .

Slide-out sidebar with search.