Components
Spotlight Button
A premium, high-quality button featuring a dynamic spotlight effect that follows the user's mouse cursor, creating an engaging and interactive experience.
import { SpotlightButton } from "@/components/ui/spotlight-button";
export default function DemoOne() {
return (
<div className="w-full h-screen flex items-center justify-center gap-8 bg-white dark:bg-black text-black dark:text-whit">
<SpotlightButton>21st.dev</SpotlightButton>
<SpotlightButton variant="variant">Button</SpotlightButton>
</div>
);
};