Future UI

Toxic Button

◉ Buttons

Toxic liquid-style animated button with GSAP bubble effects.

buttontoxicliquidanimationgsap

No preview available

Controls

#39ff14

Buttons / React Component

About Toxic Button

Toxic liquid-style animated button with GSAP bubble effects.

Category Buttons
Framework React + TypeScript
Dependencies gsap, @gsap/react
Tags button, toxic, liquid, animation, gsap

Install Toxic Button 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/toxic-button.json?key=YOUR_LICENSE_KEY"

Usage example

import { ToxicButton } from './ToxicButton';

export default function Example() {
  return <ToxicButton label="Click Me" accentColor="#39ff14" />;
}