Waves
Animated wave effects background with multiple layers - smooth, organic animations
Pro Features
Unlock advanced capabilities with the Pro version
Multiple Wave Styles
Choose from smooth, sharp, turbulent, or organic wave patterns
Parallax Layers
Create depth with multi-layer parallax wave effects
Mouse Interaction
Interactive waves that respond to mouse movement
Gradient Support
Linear and radial gradients for stunning visual effects
Directional Waves
Horizontal, vertical, or diagonal wave animations
Performance Optimized
FPS limiting and canvas optimization for smooth rendering
Installation
Install via CLI
npx moonui-cli@latest add wavesUsage
Waves Background
Examples
Ocean Waves - Deep Blue
Realistic ocean waves with smooth continuous animation
Ocean Waves
Smooth continuous animation with parallax
Sunset Vibes - Warm Gradient
Beautiful sunset-themed waves with warm colors
Sunset Vibes
Organic breathing animation
Turbulent Seas - Dark Interactive
Aggressive wave patterns with mouse interaction
Turbulent Seas
Move your mouse for interaction
Northern Lights - Aurora Effect
Vertical waves simulating aurora borealis
Northern Lights
Vertical wave animation with radial gradient
Minimal Waves - Clean Design
Subtle wave effect for minimalist designs
Minimal Design
Sharp wave transitions for modern aesthetics
Hero Section with CTA
Complete hero section with dynamic waves
Welcome to MoonUI Pro
Create stunning backgrounds with animated wave effects. Perfect for hero sections, landing pages, and more.