Grid Distortion
High-performance canvas-based grid background component with wave distortion effects, 3D perspective transforms, and interactive mouse effects
Pro Features
Unlock advanced capabilities with the Pro version
5 Distortion Types
Wave, ripple, turbulence, spiral, and noise effects
Interactive Effects
Real-time mouse interaction with customizable radius and strength
3D Perspective
Add depth with perspective transforms and rotation
Gradient Support
Multi-color gradients for dynamic visual effects
Glow & Blur
Advanced visual effects with glow and blur filters
Performance Optimized
Canvas rendering with FPS control and visibility detection
Full Customization
Complete control over all visual parameters
Smooth Animations
Hardware-accelerated animations with configurable speed
Installation
Install via CLI
npx moonui-cli@latest add grid-distortionUsage
Build with Grid Distortion
High-performance canvas rendering with wave effects, 3D perspective transforms, and real-time mouse interactions
Examples
Quantum Computing Platform - Wave Matrix
Experience quantum computing visualization with mesmerizing wave distortions that represent quantum states, entanglement patterns, and computational processes in real-time with advanced gradient effects.
Computing at theSpeed of Quantum
Experience the future of computation with our breakthrough quantum processor achieving 1,000,000× speedup on complex algorithms
Neural AI Platform - Synaptic Grid
Advanced AI neural network visualization with turbulence distortion effects representing synaptic connections, deep learning layers, and real-time training progress through dynamic grid transformations.
Intelligence ThatLearns & Evolves
Our neural architecture processes 50 trillion parameters with unprecedented efficiency
Cybersecurity Command Center - Threat Matrix
Real-time security monitoring with ripple distortion effects visualizing threat detection, intrusion attempts, and system vulnerabilities through interactive grid deformations and dynamic color coding.
Defending AgainstDigital Threats
AI-powered threat detection analyzing 10 billion events/second in real-time
Cloud Infrastructure Platform - Hyperscale Network
Visualize your cloud infrastructure topology with spiral distortion effects representing data flow, network connections, and resource allocation across global regions with real-time monitoring.
Infrastructure atInfinite Scale
Deploy globally with 99.999% uptime across 35 regions worldwide
Blockchain Financial Platform - Distributed Ledger
Decentralized finance visualization with noise distortion patterns representing blockchain transactions, smart contract execution, and network consensus mechanisms through animated grid transformations.
Finance WithoutBoundaries
Process over $10B in daily volume with zero downtime
High-Performance Computing Lab - Data Stream Matrix
Advanced HPC cluster visualization with combined wave and interactive effects showing parallel processing, data pipelines, and computational workflows through dynamic grid animations.
Compute PowerBeyond Limits
Delivering 500 PFLOPS of computational power