Shimmer Button

A gradient CTA with a light band sweeping across it, a lit rim, and a tone-tinted ambient shadow — animated entirely in CSS.

Customize

Label

Tone

Size

Cycle3.4s

Shimmer

Glow

Usage

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

export function Demo() {
  return (
    <div className="flex flex-wrap items-center gap-3">
      <ShimmerButton>Get the desktop app</ShimmerButton>
      <ShimmerButton tone="violet" size="lg">Download for Windows</ShimmerButton>
    </div>
  );
}