Awards Morphed Menu

Why use this

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.

Menu Experience

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.

Fully Customizable

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.

Responsive by Default

Looks good out of the box on all screen sizes.

• Automatically adapts to mobile

• Custom breakpoint control

• Optimized spacing and typography for smaller screens

Built for Real Projects

• Closes on outside click (natural behavior)

• Lightweight and smooth

• Works cleanly in Framer preview and publish

• Designed for production use, not just demos

Perfect for

• Portfolio websites

• Agency landing pages

• Personal brands

• Modern UI-heavy projects