About
An animated button with a shimmer gradient effect that moves across the surface. Supports dark mode.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Shimmer Button to your project and fits it to your theme.
Code
How Shimmer Button is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ShimmerButton from "../components/ui/shimmer-button";
export default function Demo() {
return (
<>
<style>{`@keyframes shimmer2 { 0% { background-position: 0% 0%; } 100% { background-position: -200% 0%; } }`}</style>
<div className="flex items-center justify-center min-h-screen bg-background">
<ShimmerButton>Shimmer</ShimmerButton>
</div>
</>
);
}