Bubble Background
Animated bubble effects background with physics simulation - Lava lamp and champagne effects
Pro Features
Unlock advanced capabilities with the Pro version
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
Deep Current
Radial gradient bubbles with soft blur
Sunset Vibes - Lava Lamp Effect
Warm lava lamp inspired bubble animation with organic movement
Sunset Vibes
Lava-style bubbles merging within 50px
Aurora Borealis - Rising Bubbles
Mystical rising bubbles with aurora-inspired colors
Aurora Bubbles
Physics-driven rise with gravity and glow
Champagne Celebration - Effervescent Bubbles
Celebratory champagne bubble effects with rapid rising animation
Celebration Time
Effervescent champagne bubbles rising
Deep Space - Cosmic Bubbles
Space-themed floating orbs with minimal movement
Deep Space
Cosmic particles floating in zero gravity
Minimal Tech - Clean Bubble Design
Minimalist bubble effect with subtle movement
Minimal Design
Sharp transitions for modern aesthetics
Interactive Hero Section
Large hero section with mouse-interactive bubbles
Welcome to MoonUI Pro
Create stunning backgrounds with bubble effects. Move your mouse to interact with the bubbles.