Shimmer Button Demo

PreviousNext

Example showing a button with a shimmering light effect.

Docs
magicuiexample

Preview

Loading preview…
registry/example/shimmer-button-demo.tsx
import { ShimmerButton } from "@/registry/magicui/shimmer-button"

export default function ShimmerButtonDemo() {
  return (
    <ShimmerButton className="shadow-2xl">
      <span className="text-center text-sm leading-none font-medium tracking-tight whitespace-pre-wrap text-white lg:text-lg dark:from-white dark:to-slate-900/10">
        Shimmer Button
      </span>
    </ShimmerButton>
  )
}

Installation

npx shadcn@latest add @magicui/shimmer-button-demo

Usage

import { ShimmerButtonDemo } from "@/components/shimmer-button-demo"
<ShimmerButtonDemo />