Pill Dropdown Nav

Show Preview
Pill Dropdown Nav
Pill Dropdown Nav

About Pill Dropdown Nav

Explore the best Framer components ↗

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

Need help?

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

From Matt

Motion Overlay Menu
Enterprise Navbar
Dynamic Island Nav
Mega Saas Navigation

Related Components

Announcement Nav
Premium SaaS Navbar
Unfolding Fan Menu
Morphing Menu