Shadcn.io is not affiliated with official shadcn/ui
React Bubble Background
Lava lamp-style background with floating color bubbles that merge organically, plus optional mouse-following interaction
Remember those lava lamps from the 90s? This is basically that for your website. Colorful bubbles float around, rotate in orbits, and—here's the cool part—they actually merge together when they get close using an SVG goo filter. It creates this organic, almost liquid feel that's surprisingly hypnotic. Turn on interactive mode and one of the bubbles will follow your cursor with springy physics. Works great for creative portfolios, music sites, or anywhere you want something that feels alive and a bit playful. The colors are fully customizable so you can match it to any brand.
React Bubble Background preview
Installation
Related Components
Aurora Background
Northern lights gradient animation
Background Gradient
Animated gradient backdrop
Gradient Animation
Psychedelic gradient mesh
Vortex
Swirling vortex effect
Particles
Floating particle system
Circles
Rotating gradient circles
FAQ
Was this page helpful?
Sign in to leave feedback.