Shimmer Button

A premium CTA: a spark orbits the border while a highlight sweeps across the face.

css@propertycta2 files · 85 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/shimmer-button.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs shimmer-button

import { ShimmerButton } from "@/components/opus/effects/shimmer-button";

<ShimmerButton>Get early access</ShimmerButton>

Prop	Type	Default	Description
shimmerColor	string	"#ffffff"	Spark + sweep colour.
background	string	—	Button fill (gradients welcome).
duration	number	3	Seconds per orbit.