A highly interactive animated matrix component featuring dynamic SVG icon grid with hover and click effects. The matrix automatically calculates its dimensions based on container width while maintaining fixed 35x35px cell sizes. On hover, cells cycle through random icons with smooth transitions. On click, a mesmerizing wave effect ripples outward across the grid, activating adjacent cells in an expanding pattern. Perfect for hero sections, interactive backgrounds, or engaging visual elements that respond to user interaction. Includes configurable visibility options and full standalone HTML version. Key Features: - Responsive matrix that adapts to container width - Hover animation with 5-cycle random icon transitions - Click-triggered wave effect spreading across grid - Configurable element visibility (show/hide when inactive) - Smooth 150ms transitions between icon states - 5000ms total wave animation duration - Fixed 35x35px cell size for consistency - Standalone HTML version included
Last Updated November 8, 2025