Moving Gradient Button
A button that reveals a spinning gradient border and flowing gradient text on hover.
Installation
npx shadcn@latest add https://wise-ui.com/r/moving-gradient-button.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| animateBorder | boolean | true | Enable the spinning conic-gradient border on hover. |
| animateText | boolean | true | Enable the flowing gradient text on hover. |
| gradientFrom | string | "#00a896" | Starting color of the gradient. |
| gradientTo | string | "#c084fc" | Ending color of the gradient. |
| startIcon | React.ReactNode | — | Icon rendered before the label. Transitions to gradientFrom color on hover. |
| endIcon | React.ReactNode | — | Icon rendered after the label. Transitions to gradientTo color on hover. |
| children | React.ReactNode | — | Button label content. |