Future UI

Gooey Button Group

◉ Buttons

Symbiote-style button group with organic oozing tendril transitions.

buttontabsvenomsymbioteliquidorganicanimationgsapsvg-filter

No preview available

Click a tab, the symbiote reaches out and oozes over

Controls

#1a1a3e

Buttons / React Component

About Gooey Button Group

Symbiote-style button group with organic oozing tendril transitions.

Category Buttons
Framework React + TypeScript
Dependencies gsap, @gsap/react
Tags button, tabs, venom, symbiote, liquid, organic, animation, gsap, svg-filter

Install Gooey Button Group in your project

Copy the shadcn CLI command below. Replace YOUR_LICENSE_KEY with the license key from your FutureUI account — or log in and it will auto-fill for you.

npx shadcn@latest add "https://futureui.studio/api/registry/gooey-button-group.json?key=YOUR_LICENSE_KEY"

Usage example

import { GooeyButtonGroup } from './GooeyButtonGroup';

export default function Example() {
  return (
    <GooeyButtonGroup
      items={['Home', 'About', 'Contact']}
      sheenColor="#8b5cf6"
    />
  );
}