---
title: "Liquid Gooey Nav — Free Framer component · Best of Framer"
description: "Free Framer component · by Orix Studio · Navigation. Fluid SVG metaball tab bar"
canonical: "https://framer.elliotli.dev/component/liquid-gooey-nav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Liquid Gooey Nav

# Liquid Gooey Nav

Fluid SVG metaball tab bar

[View on Framer](https://framer.com/marketplace/components/liquid-gooey-nav/?via=elliot-li)

![Liquid Gooey Nav preview image 1](https://framer.elliotli.dev/og/component/liquid-gooey-nav/4def0699acaa68d0/1600x1067.jpg)

## Summary

Fluid SVG metaball tab bar

## Description

-   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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #259

## Details

- **Author**: Orix Studio
- **Published**: 2026-09-11
- **Updated**: 2026-10-19
- **Added**: 2026-09-11
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation