Components
Shiny Button
The component preserves all the original functionality including the animated conic gradients, shimmer effects, dot patterns, and hover states.
import { ShinyButton } from "@/components/ui/shiny-button";
export default function DemoOne() {
return (
<div className="min-h-screen flex items-center justify-center">
<ShinyButton onClick={() => alert("Button clicked!")}>Get unlimited access</ShinyButton>
</div>
)
}