Magnet Side Navbar

Show Preview
Magnet Side Navbar
Magnet Side Navbar

About Magnet Side Navbar

Explore the best Framer components ↗

About

Magnet Side Navbar is a floating vertical navigation with a smooth magnify effect. The hovered item grows together with nearby links while an animated label slides into view. It includes light and dark themes, left and right label positions, individually hideable navigation items, and a dedicated mobile variant with permanently visible labels.

What you can customize

Built entirely with native Framer elements, so everything stays editable directly on the canvas. Customize the icons, hover icons, labels, links, colors, sizes, spacing, radius, shadows, typography, animations, item visibility, label direction, themes, layout, and responsive behavior without touching code.

Great for (examples)

Just a few ideas, use it anywhere you want navigation to feel more interactive:

  • Portfolio websites

  • Creative agency websites

  • Personal websites

  • Designer portfolios

  • Developer portfolios

  • Studio websites

  • Experimental landing pages

  • Minimal websites

  • Product showcases

  • Modern one-page websites

  • Premium Framer templates

  • Interactive web experiences

Need help?

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

From Matt

Animated Radial Nav
Breathing Navbar
Motion Corner Menu
Announcement Nav

Related Components

Fullscreen Navbars
Full Width Navbar
Eye Follow Navbar
Sidebar Dock Menu