Shiny Button

Button with a rotating conic-gradient border, masked dot pattern, and inner shimmer that intensifies on hover. Pure CSS, zero dependencies.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Shiny Button to your project and fits it to your theme.

"use client";

import ShinyButton from "@/components/ui/shiny-button";

export default function ShinyButtonDemo() {
  return (
    <main className="flex min-h-screen w-full items-center justify-center bg-black">
      <ShinyButton label="Get Started" />
    </main>
  );
}