Collapsible Sidebarr

Explore the best Framer components ↗

About

Collapsible Sidebar is a sidebar navigation for Framer that folds from a full menu into a compact icon rail. Animated labels and responsive hover details add personality while keeping your links easy to reach.

Use it to organize pages and sections in a dashboard-inspired layout, portfolio, or product website.

What you can customize

Make the sidebar feel at home in your design with your own brand name, navigation labels, icons, links and optional badges. Choose a starting state and selected item, and set individual links to open in a new tab.

Shape the look with colors, typography, padding and corner radius. Adjust the animation speed and rolling text effect, and choose whether the sidebar starts compact on phones. Keyboard focus indicators and reduced-motion support are included.

Great for (examples)

Bring compact side navigation to:

• Dashboard and app-style website layouts

• SaaS product pages and feature showcases

• Designer portfolios and studio websites

• Documentation and resource hubs

• Member areas and account pages

• Project collections and directories

Need help?

Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.

Need a matching component?

Explore more ways to navigate your site:

• Focus Lens Navbar

• Dynamic Island Nav

• Explore all components →