ButtonsNew
Shimmer Button
A spark of light runs around the button edge, and it glows softly from inside on hover.
Customize
shimmerColor
background
Based on Shimmer Button (MIT license) · Terms of use
More in Pro
View allProps
7 properties| Property | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | "Get started" | Button label. |
| shimmerColor | string | "#ffffff" | Color of the spark running along the edge. |
| shimmerSize | string | "0.05em" | Thickness of the glowing edge. |
| shimmerDuration | string | "3s" | Spark speed, e.g. 3s. |
| borderRadius | string | "100px" | Corner radius. |
| background | string | "rgba(0, 0, 0, 1)" | Button background. |
| className | string | — | Tailwind classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge