Liquid Metal Button
Layered gradients imitate flowing liquid metal; a blurred halo spreads on hover.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
LiquidMetalButtonProps
Also accepts all props of React.ComponentProps<"button">
| Prop | Type | Default | Description |
|---|---|---|---|
| glowColor | string | "#a1a1aa" | Color of the halo that spreads on hover |
Install
$ npx shadcn@latest add https://chromotion.dev/r/liquid-metal-button.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.