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.
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
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
Show/hide header
Title and subtitle text
Header logo image
Accent line toggle
Show/hide real-time search filter
Show/hide trigger
Side placement (Left or Right)
Vertical position along viewport edge
Size, color, and border radius
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
Spring stiffness, damping, and mass
Font family and weight
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.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
