Loading...
Installation
pnpm dlx @bucharitesh/cli@latest add metallic-button
Props
| Prop | Type | Description | Default |
|---|---|---|---|
| children | ReactNode | Icon or content inside the button | - |
| size | "sm" | "default" | "lg" | Button size | "default" |
| lightColor | string | Inner face gradient top color | "#444" |
| darkColor | string | Inner face gradient bottom color | "#000" |
| iconColor | string | Icon / content color | "#65615f" |
| speed | number | Shader animation speed (0 = static) | 0.5 |
| repetition | number | Shader pattern stripe density | 1.5 |
| distortion | number | Shader noise distortion (0-1) | 0 |
| angle | number | Shader pattern angle (0-360) | 100 |
| className | string | Additional class names | - |
Credits
- Credit to Majoramari for the original liquid metal button design.
- Shader powered by @paper-design/shaders.