Liquid Button
A button that fills on hover.
Made by imskyleenInstallation
Usage
API Reference
LiquidButton
Animate UI API Reference - Liquid Button Primitive| Prop | Type | Default |
|---|---|---|
variant? | "default" | "destructive" | "secondary" | "ghost" | default |
size? | "default" | "sm" | "lg" | "icon" | default |
delay? | time | 0s |
fillHeight? | percentage | 3px |
hoverScale? | number | 1.05 |
tapScale? | number | 0.95 |
...props? | HTMLMotionProps<"button"> | - |
CSS Variables
| Prop | Type | Default |
|---|---|---|
--liquid-button-color? | color | - |
--liquid-button-background-color? | color | - |
Credits
- Credit to shadcn/ui for style inspiration.