The ShimmerButton component sweeps a band of light across its face on a loop, giving a call to action a slow pulse of movement without asking the reader to hover, click or scroll first.
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/shimmer-button.jsonEverything Shimmer Button accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
| children (required) | React.ReactNode | No default | Button label or content |
| shimmerColor | string | #ffffff | Colour of the light band that crosses the button |
| shimmerWidth | number | 40 | Width of the band, as a percentage of the button's width |
| duration | number | 1.4 | Seconds for the band to cross once |
| repeatDelay | number | 1 | Seconds the button rests between crossings |
| className | string | '' | Additional CSS classes for styling |
| ...props | ButtonHTMLAttributes | No default | Any other native button props, including onClick, type and disabled |
Required.