Collapsible Sidebarr
A sidebar that folds into icons
About this component
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
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Explore more ways to complete your website:
