Installation
Usage
import { ShimmerButton } from "@/components/magicui/shimmer-button";<ShimmerButton>Shimmer Button</ShimmerButton>Props
| Prop | Type | Default | Description |
|---|---|---|---|
shimmerColor | string | #ffffff | The color of the shimmer |
shimmerSize | string | 0.05em | The size of the shimmer |
borderRadius | string | 100px | The border radius of the button |
shimmerDuration | string | 3s | The duration of the spark animation |
background | string | rgba(0, 0, 0, 1) | The background of the button |
className | string | undefined | The class name of the button |
children | React.ReactNode | undefined | The children of the button |
Credits
Credit to @jh3yy for the inspiration behind this component.