A dark pill with a soft highlight sweeping across its surface and an inner glow that blooms on hover.
npx shadcn@latest add https://hyperblur.dev/r/shimmer-button.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/shimmer-button.tsx.
import { ShimmerButton } from "@/components/hyperblur/shimmer-button"
<ShimmerButton color="#2f7bff">Start building</ShimmerButton>| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | required | Button label. |
| color | string | "#2f7bff" | Shimmer, hover glow and focus ring color. |
| speed | number | 1 | Shimmer speed multiplier. |
| rounded | number | 9999 | Corner radius in pixels. The default makes a pill. |
| size | "sm" | "md" | "lg" | "md" | Font size and padding preset. |