Shimmer Button
Button with a sweeping shimmer; shine color, background and speed are configurable.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ShimmerButtonProps
Also accepts all props of React.ComponentProps<"button">
| Prop | Type | Default | Description |
|---|---|---|---|
| shimmerColor | string | "#ffffff" | Color of the sweeping shine |
| background | string | "linear-gradient(180deg, #27272a 0%, #09090b 100%)" | Any CSS background value |
| duration | number | 2.4 | Seconds per sweep |
Install
$ npx shadcn@latest add https://chromotion.dev/r/shimmer-button.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.