Shimmer Button
A button with an animated shimmering border light effect.
Installation
pnpm dlx shadcn@latest add @godui/shimmer-buttonRequires the @godui namespace in your components.json (one-time setup):
{ "registries": { "@godui": "https://godui.design/r/{name}.json" }}Usage
import { ShimmerButton } from "@/components/godui/shimmer-button";<ShimmerButton variant="primary">Click me</ShimmerButton>Examples
Sizes
Without shimmer
Set shimmer={false} to keep the button styling without the animated border light.
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "primary" | "secondary" | "outline" | "primary" | Visual style of the button |
size | "sm" | "default" | "lg" | "default" | Button padding and text size |
shimmer | boolean | true | Animate the button with a shimmering border light effect |
shimmerColor | string | variant default | Color of the shimmering light |
shimmerDuration | string | "3s" | Duration of the shimmer animation |
background | string | variant default | Background color override |