Shimmer Button
OfficialA captivating button with an animated shimmer effect that draws attention. Perfect for CTAs and primary actions.
Freebuttonshimmeranimationctainteractive
0 downloadsOonkooUI Team
Installation
Run the following command:
npx oonkoo add shimmer-buttonProps
ShimmerButton Props
| Prop | Type | Default |
|---|---|---|
| shimmerColor | string | "#4ADE80" |
| shimmerSize | string | "0.05em" |
| borderRadius | string | "100px" |
| shimmerDuration | string | "3s" |
| background | string | "#1F1C1C" |
| className | string | - |
| children | React.ReactNode | - |
Usage
Copy and paste the following code to use this component:
import { ShimmerButton } from "@/components/oonkoo/shimmer-button"
<ShimmerButton>
{/* Your content */}
</ShimmerButton>