About Liquid Pill Navbar

Explore the best Framer components ↗

About

Liquid Pill Navbar is a free animated navigation bar for Framer. A fluid indicator glides between links, stretching and settling like liquid as visitors move through your site.

The compact floating pill menu adds a subtle interactive detail to portfolios, creative websites and product pages. It can highlight the current page automatically, while keyboard navigation and reduced-motion support make the experience more considered.

What you can customize

Make the navbar your own with colors, typography and motion that fit your brand. Edit the link labels and destinations, choose whether links open in a new tab, and add up to eight items.

Shape the pill with background blur, padding, spacing, border, radius and shadow. Style the active indicator separately with its own color, gloss, shadow and text color. Choose a liquid or sliding transition, adjust the speed, stretch and wobble, and select how links respond on hover. Set the starting selection, choose a hover style and fine-tune the return delay. Add the floating link bar to a custom header or section navigation.