Components
Bubble Background
An interactive animated background of smoothly morphing gradient bubbles that react to the cursor, for playful hero and section backdrops.
import { BubbleBackground } from "@/components/ui/components-backgrounds-bubble";
export default function BubbleBackgroundDemo() {
return (
<div className="relative h-screen min-h-[600px] w-full overflow-hidden">
<BubbleBackground
interactive
className="absolute inset-0 flex items-center justify-center"
/>
</div>
);
}