Components that morph with you.

SVG gooey filters meet spring physics. Drop-in animated components for React, installable via shadcn CLI.

Why GooUI?

●

SVG feGaussianBlur + feColorMatrix for organic metaball merging effects between elements.

∿

Framer Motion spring animations drive all transitions — natural, bouncy, responsive.

⚙

Every component publishes a registry item. Install with a single CLI command.

◑

Theme with CSS custom properties. Colors, sizes, and filters are fully customizable.

Animated tab bar with a gooey blob that morphs between pill tabs and expanded content panels.

The HyperText Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.

npx shadcn@latest add @gooui/gooey-tabs

Bottom-pill dialog that springs open with an organic gooey merge effect.

npx shadcn@latest add @gooui/gooey-dialog

Buttons wrapped in a gooey SVG filter. Pulsing, organic hover states with customizable colors.

npx shadcn@latest add @gooui/gooey-button

Inline badges with gooey filters. Five variants for status indicators.

Success

Error

Warning

Info

Neutral

npx shadcn@latest add @gooui/gooey-badge