Dynamic Nav

Show Preview
Dynamic Nav
Dynamic Nav

About Dynamic Nav

Fully customizable:

  • Background color

  • Nav link labels and count

  • Icon/logo inside the pill

Font is fixed and not customizable.

What's included:

  • 3 interaction states: Idle, Hover, Expanded

  • Smooth spring expansion

  • Ready to drop into any Framer project

Perfect for: Portfolios, SaaS landing pages, personal brands, and any project that needs navigation with personality.

From Arian

Blur Text Transition
Envelope Form

Related Components

Fullscreen Navbars
Full Width Navbar
Eye Follow Navbar
Sidebar Dock Menu