Shimmer Button

A button with a beam of light travelling around its border.

Installation#

pnpm dlx shadcn@latest add https://ui.balick.me/r/shimmer-button.json

Or, with the namespace configured: @balick/shimmer-button

import { ShimmerButton } from "@/components/ui/shimmer-button"

export function Cta() {
  return <ShimmerButton>Get started</ShimmerButton>
}

Prop	Type	Default	Description
`shimmerColor` Color of the light travelling around the border.	`string`	"#ffffff"	Color of the light travelling around the border.
`shimmerDuration` Duration of one full turn, as a CSS time.	`string`	"3s"	Duration of one full turn, as a CSS time.
`background` Background of the button.	`string`	"#0a0a0a"	Background of the button.