Components
Loading preview...
Interactive Graident Background with pointer movement
@rahil1202
npx shadcn@latest add https://21st.dev/r/rahil1202/interactive-gradient-backgroundimport { InteractiveGradientBackground } from "@/components/ui/interactive-gradient-background";
export default function DemoOne() {
return (
<InteractiveGradientBackground intensity={1}>
<div style={{ padding: '6rem 2rem', color: 'white', textAlign: 'center' }}>
<h1 style={{ fontSize: '3rem', margin: 0 }}>Hello</h1>
<p>Move your mouse.</p>
</div>
</InteractiveGradientBackground>
);
}