Mesh Gradient
Advanced mesh gradient system with smooth color blending, multiple animation types, and interactive effects
Pro features
What the Pro version adds to this component.
Advanced Mesh System
Sophisticated mesh grid structure with multiple control points
5 Animation Types
Wave, morph, pulse, swirl, and flow animation patterns
Interactive Mode
Mouse-responsive mesh that reacts to user movement
Canvas Optimized
High-performance Canvas API rendering for smooth 60fps
Installation
Install via CLI
npx @moontra/moonui-cli add mesh-gradientUsage
Create Magic withMesh Gradients
Dynamic mesh gradient backgrounds with multiple animation types, interactive mouse effects, and smooth color blending
Examples
Quantum Computing - Interactive Wave
Move your mouse to interact with quantum mesh waves
AI Neural Network - Morph Animation
Dynamic morphing gradients representing neural pathways
Blockchain - Pulse Animation
Pulsing gradients representing blockchain synchronization
Space Exploration - Swirl Animation
Swirling cosmic gradients with interactive mouse control
Cybersecurity - Flow Animation
Flowing security gradients with threat detection patterns
Data Analytics - Wave Animation
Interactive data visualization with mouse-responsive waves