About 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.