Gooey Button

A button with a liquid gooey effect using SVG filters.

Preview

Interactive Preview

tsx

import { GooeyButton } from "@/components/ui/gooey-button"

export default function Demo() {
  return <GooeyButton>Join the Club</GooeyButton>
}

Prop	Type	Default
variant	`"default""secondary""destructive""amber""emerald"`	default
gooeyColor	`string`	-