The RainbowButton component rings a call to action with a band of colour that travels around it, drawn from the project's own chart tokens so the palette re-themes with the rest of the app.
Add it with the CLI, open it in v0, or copy the source into your project.
Adds the component and installs its dependencies for you.
npx shadcn@latest add https://uibeats.com/r/rainbow-button.jsonEverything Rainbow Button accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
| children (required) | React.ReactNode | No default | Button label or content |
| speed | number | 3 | Seconds for the colours to travel once around the button |
| glow | boolean | true | Cast a blurred copy of the gradient beneath the button |
| borderWidth | number | 2 | Thickness of the gradient border, in pixels |
| className | string | '' | Additional CSS classes for styling |
Required.