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
Realistic physics with gravity, buoyancy, and collision detection
Advanced Effects
Glow, blur, and gradient effects for stunning visuals
Mouse Interaction
Bubbles respond to mouse movement with repulsion
Split & Merge
Dynamic bubble splitting and merging for organic movement
Performance Optimized
FPS limiting and efficient canvas rendering
Installation
Install via CLI
npx moonui-cli@latest add bubble-backgroundUsage
Bubble Background
Examples
Ocean Waves - Deep Blue Bubbles
Underwater bubble effects with smooth floating animation
Ocean Waves
Smooth continuous animation with parallax
Sunset Vibes - Lava Lamp Effect
Warm lava lamp inspired bubble animation with organic movement
Sunset Vibes
Organic breathing animation
Aurora Borealis - Northern Lights Bubbles
Mystical rising bubbles with aurora-inspired colors
Northern Lights
Vertical wave animation with radial gradient
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.