Bubble Background
Animated bubble effects background with physics simulation - Lava lamp and champagne effects
Pro features
What the Pro version adds to this component.
Multiple Animation Styles
Four unique animation styles including lava lamp and champagne effects
Physics Simulation
Optional physics with gravity and buoyancy forces on floating bubbles
Advanced Effects
Glow, blur, and gradient effects for stunning visuals
Mouse Interaction
Bubbles respond to mouse movement with repulsion
Merge & Pop Dynamics
Bubbles merge when they drift close together and pop as they rise to the top
Performance Optimized
FPS limiting and efficient canvas rendering
Installation
Install via CLI
npx @moontra/moonui-cli add bubble-backgroundUsage
Bubble Background
Examples
Ocean Blue - Deep Blue Bubbles
Underwater bubble effects with smooth floating animation
Sunset Vibes - Lava Lamp Effect
Warm lava lamp inspired bubble animation with organic movement
Aurora Borealis - Rising Bubbles
Mystical rising bubbles with aurora-inspired colors
Champagne Celebration - Effervescent Bubbles
Celebratory champagne bubble effects with rapid rising animation
Deep Space - Cosmic Bubbles
Space-themed floating orbs with minimal movement
Minimal Tech - Clean Bubble Design
Minimalist bubble effect with subtle movement
Interactive Hero Section
Large hero section with mouse-interactive bubbles