Liquid Button
A glass button distorted by an SVG turbulence filter, in six variants and six sizes.
Usageimport { LiquidButton } from "./LiquidButton";
1import { LiquidButton } from "./LiquidButton";2 3<LiquidButton>Liquid button</LiquidButton>Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).
Props
| Prop | Type | Default |
|---|---|---|
| children | string | Liquid button |
| variant | default | destructive | outline | secondary | ghost | link | default |
| size | default | sm | lg | xl | xxl | icon | xxl |
| lift | boolean | true |
| withIcon | boolean | true |
| disabled | boolean | false |