Pill Dropdown Nav
Smooth from tab to tab
About this component
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: matthias@lmvision.de or on X @Matthias_Oel.
