Pill Dropdown Nav

About Pill Dropdown Nav is a responsive floating navigation with a smooth sliding hover highlight and fluid dropdown panels on desktop.

About

Pill Dropdown Nav is a responsive floating navigation with a smooth sliding hover highlight and fluid dropdown panels on desktop. On mobile, it transforms into a compact hamburger menu with expandable accordion sections, keeping the complete experience inside one component.

What you can customize

Built entirely with native Framer elements and customizable directly from the properties panel. Edit all 21 link labels, destinations, new-tab settings, and visibility controls, while colors, typography, spacing, and radius stay synchronized across desktop and mobile.

Great for (examples)

Just a few ideas, use it anywhere you need a polished navigation for larger link structures:

• SaaS websites

• Product websites

• Startup websites

• Software platforms

• Creative agencies

• Design studios

• Portfolio websites

• AI products

• Marketing websites

• Modern landing pages

• Documentation hubs

• Premium Framer templates

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: [email protected] or on X @Matthias_Oel.