Gooey Nav

A nav whose indicator melts from one item to the next, fused by an SVG blur-and-threshold filter rather than faked with a shadow.

Remix

0

Bookmarks

0

Installs

0

Views

9 lines
import { GooeyNav } from "@/components/ui/gooey-nav"

export default function DemoGooeyNav() {
  return (
    <div className="flex min-h-[380px] w-full items-center justify-center bg-background">
      <GooeyNav />

3 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/19/2026

Similar components

That's all 6 components

Explore more

Part of Wren Micro — browse the full library on Nuxus.