Most menus feel static. This one feels alive.
Smooth morphing animation from button → full menu
Clean staggered link animations
Subtle hover interactions that feel premium
Works perfectly on both desktop and mobile
It’s built to make your UI stand out without overcomplicating things.
The menu starts as a small rounded button and expands into a full panel with a soft spring animation.
Links appear one after another, creating a polished flow. On hover, a minimal arrow accent adds just enough interaction without being distracting.
At the bottom, you get a secondary section for social or extra links with simple underline effects.
Everything is controlled from Framer’s panel, so you don’t need to touch code:
Add or edit navigation links
Add footer/social links
Change colors, fonts, and sizes
Adjust menu width and height
Fine-tune animation speed and feel
It behaves like a native Framer component.
Looks good out of the box on all screen sizes.
Automatically adapts to mobile
Custom breakpoint control
Optimized spacing and typography for smaller screens
Closes on outside click (natural behavior)
Lightweight and smooth
Works cleanly in Framer preview and publish
Designed for production use, not just demos
Portfolio websites
Agency landing pages
Personal brands
Modern UI-heavy projects
Ashutosh Dureja
