Smooth Dropdown Nav
A minimal, dark navbar component for Framer with a polished dropdown menu — icon, title, description per link, badge support, and a footer CTA. Designed for tech and SaaS products that want navigation that actually feels premium.
About this Component
This Smooth Dropdown Navbar keeps things focused: Two clean dropdowns, smooth open/close animation, and a simple and modern layout. No bloat, no full-width mega menus, just a well-crafted component you can drop in and ship. Use as is or as a starting point for more complex navigation systems.
The dropdown uses a vertical link list with Phosphor icons, short descriptions, and optional badges. A footer CTA at the bottom gives it just enough structure to guide users forward.
What's included
Animated dropdown with smooth open/close transition
4 link slots with icon, title, and description
Optional badge per link (Popular, New, Beta)
Footer CTA link
Divider between links and footer
