Smooth Dropdown Nav

Simple Smooth Dropdown Navigation

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