Liquid Gooey Nav

Fluid SVG metaball tab bar

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.

Fluid SVG metaball tab bar