Key Features
Zero-Lag Architecture: Built on THREE.InstancedMesh to handle massive grids at 60fps on any device.
Physics-Based Animation: Uses an Attack/Decay system for organic "breathing" pulses rather than linear loops.
Dual Grid Modes: Switch between "Square" (perfect cells) or "Manual" (custom rows/columns) layouts.
Advanced Color Systems: Supports both Linear Gradients (Start → End) and Multicolor Palettes (Randomly sampled from an array).
Customizable Properties
Grid Mode: Toggle between automatic "Square Cells" (as shown) or manual "Rows/Columns" control.
Cell Size: Define the exact pixel density of the grid squares.
Thickness: Adjust the line weight of the entire infrastructure.
Base Color: Set the "inactive" color of the background mesh (e.g., dark grey for dark mode).
Color Mode: Switch the pulse effect between a smooth 2-color "Gradient" or a random "Multicolor" palette.
Start / End Color: Define the two colors that make up the gradient pulse spectrum (visible in Gradient mode).
Activity: Control the chaos—increase this to make pulses fire more frequently.
Fade In / Fade Out: Fine-tune the physics animation. Make pulses snap instantly (higher Fade In) or leave long trails (lower Fade Out).
Brightness: Boost the overall intensity and glow of the active pulses.
Where to Use
AI & Machine Learning: Visualize neural networks, training models, and "black box" processing logic.
API & DevTools: Perfect for backend services, documentation hubs, and API integration diagrams.
FinTech & Trading: Represent high-frequency data streams, blockchain ledgers, and secure transactions.
Cybersecurity: A "living" background for threat detection dashboards and SOC monitor screens.
Cloud Infrastructure: Show server capacity, uptime monitoring, and global content delivery networks (CDN).
Hardware & IoT: Ideal for showcasing chip architecture, embedded systems, and smart device connectivity.
Web3 & Crypto: A modern, non-intrusive background for decentralized apps (dApps) and token landing pages.
Tech Conferences: Use as a dynamic backdrop for event schedules, speaker bios, and hackathon countdowns.
Agency Portfolios: A high-tech, low-distraction header that signals "we know code" without saying a word.
Aarya Balwadkar
