Effects/ShimmerButton
ShimmerButton
A CTA button with a continuous animated shimmer sweep. Great for hero sections and landing pages where you need maximum visual impact.
import { ShimmerButton } from "@animui/ui"Basic
Color variants
Custom shimmer color
Props
| Prop | Type | Default | Description |
|---|---|---|---|
background | string | "linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1)" | CSS gradient or color for the button background. |
shimmerColor | string | "#ffffff" | Color of the shimmer sweep. |
shimmerSize | string | "0.05em" | Width of the shimmer highlight. |
shimmerDuration | number | 1.5 | Seconds for one shimmer sweep cycle. |
borderRadius | string | "12px" | Border radius of the button. |
disabled | boolean | false | Disables the button. |
className | string | — | Additional classes. |