Loading component…
Components /Liquid Button
Living organic fluid ink button with cursor displacement tracking and tactile shockwave recoil
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/liquid-button.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'dark' | 'destructive' | 'accent' | 'default' | Visual style variant of the button. |
| size | 'sm' | 'default' | 'lg' | 'default' | Size of the button. |
| fillColor | string | variant default | Custom liquid ink fill color. |
| textColor | string | variant default | Custom base text color. |
| activeTextColor | string | variant default | Custom inverted text color revealed under the liquid mask. |
| borderColor | string | variant default | Custom border color. |
| noiseFrequency | string | '0.035 0.08' | SVG filter noise baseFrequency for fractal turbulence. |
Crafted interactive liquid ink button with living fluid physics and shockwave recoil.