Dot Pattern
High-performance SVG-based dot pattern background component with advanced animations and interactive effects
Pro Features
Unlock advanced capabilities with the Pro version
Multiple Pattern Types
Square, hexagonal, diagonal, and circular geometric patterns
Advanced Animations
Pulse, wave, fade, scale, and rotate animation effects
Interactive Hover Effects
Dynamic dot scaling with mouse movement tracking
Gradient Support
Radial, linear, and conic gradient coloring
Mask & Fade Effects
Smooth edge fading and masking capabilities
Full Customization
Density, blur, parallax, and responsive controls
SVG Optimization
High-performance SVG-based rendering engine
Parallax Scrolling
Depth-based scrolling effects for immersive experiences
Installation
Install via CLI
npx moonui-cli@latest add dot-patternUsage
Build Faster with Dot Patterns
High-performance SVG patterns with advanced animations, gradients, and interactive effects for modern web applications
Examples
Quantum Computing Platform - Hyperdimensional Grid
Next-generation quantum computing infrastructure featuring a mesmerizing hyperdimensional dot grid that visualizes quantum entanglement, superposition states, 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
Quantum Supremacy Achieved
Our hyperdimensional grid visualization represents real-time quantum state evolution across 1,024 qubits, showcasing unprecedented computational power for cryptography, drug discovery, and AI optimization.
Neural AI Platform - Synaptic Network
Revolutionary AI infrastructure with pulsating hexagonal patterns mimicking neural synapses. The animated grid represents deep learning processes, with gradient flows showing data propagation through transformer networks.
Intelligence BeyondHuman Imagination
Build, train, and deploy transformer models with 1 trillion parameters using our distributed neural infrastructure
AutoML Pipeline
Automated model architecture search with neural architecture evolution
Distributed Training
Scale across 10,000+ GPUs with perfect linear speedup
Cybersecurity Command Center - Threat Matrix
Advanced threat detection platform with wave-animated patterns representing real-time security monitoring. The dynamic grid visualizes network traffic analysis, intrusion detection, and zero-day threat prevention systems.
Defend AgainstTomorrow's Threats
AI-powered threat detection analyzing 50 billion events per second with quantum-resistant encryption
Real-Time Threat Analysis
Wave patterns represent real-time network traffic analysis across global endpoints
Cloud Infrastructure Platform - Hyperscale Network
Enterprise cloud computing platform with interactive hover effects showing distributed data centers. The responsive pattern adapts to mouse movement, visualizing edge computing nodes and global CDN presence.
Infrastructure thatScales Infinitely
Deploy globally in seconds with 285 edge locations and 99.999% uptime SLA
Move your mouse to visualize global data center connectivity
Blockchain Financial Platform - Distributed Ledger
Decentralized finance infrastructure with rotating gradient patterns representing blockchain consensus mechanisms. The animated network showcases smart contract execution and cross-chain interoperability.
Finance WithoutBoundaries
Process $10B+ daily volume with instant settlement and zero counterparty risk
Smart Contract Security
High-Performance Computing Lab - Data Stream Matrix
Scientific computing infrastructure with performance-optimized patterns. The fade animation represents parallel processing pipelines, while the low-density grid ensures maximum rendering performance for data-intensive visualizations.
Computing Power forScientific Discovery
Achieve 1.5 exaFLOPS of computational power for climate modeling, genomics, and particle physics