Liquid Background
Mesmerizing liquid animation backgrounds with metaball physics and fluid simulation
Pro features
What the Pro version adds to this component.
Liquid Physics Simulation
Viscosity, tension and metaball effects
Animation Styles
Float, morph, bubble and lava animation types
Interactive Liquid
Dynamic fluid interaction with mouse movement
Metaball Effects
Smooth blob merging with blur and contrast
Glow Systems
Adjustable glow effects and intensity
Color Control
Multi-color support and gradient overlay
Full Customization
Size, count, FPS and physics parameters
Canvas Optimization
High-performance Canvas API rendering
Installation
Install via CLI
npx @moontra/moonui-cli add liquid-backgroundUsage
Create Mesmerizing
Liquid Effects
Advanced metaball physics with fluid animations. Transform your applications with organic, flowing backgrounds.
Examples
SaaS Pricing Hero
Pricing section with liquid background and animated pricing cards
Product Feature Showcase
Product features with liquid morphing background
Creative Portfolio Header
Agency portfolio hero with bubble liquid animation
Dashboard Analytics Card
Analytics dashboard with lava liquid background
Marketing Campaign Banner
Product launch banner with morphing liquid effects
Animation Styles
Float, morph, bubble and lava animation types
Blob Count Control
Different blob counts for density control
Color Palettes
Different color combinations for liquid effects