Liquid Gooey Nav

The Copy Add-on: "Built in Framer, but you always own your code. Easily export your entire multi-page build anytime using Framer Copy so you're never locked into a single platform.

A segmented navbar where the active highlight morphs and melts smoothly between items using a custom SVG goo filter for a liquid, organic movement.

Media: Video or GIF demonstrating the smooth morphing pill transition between tabs.

Post: Check out this custom Framer component: Liquid Gooey Navigation! Features interactive tab switching with a fluid SVG metaball effect. 💧✨

Paragraph: Enhance your design system with a unique, fluid navigation component built specifically for Framer. Unlike standard sliding tab highlights, this component leverages dynamic inline SVG blur and color matrix filters to create a natural, liquid metaball blend as the active indicator glides between menu options. Fully customizable controls allow you to adjust the gooey intensity, pill colors, container radius, and typography directly from the Framer sidebar.