Grid Box - Copy this React, Tailwind Component to your project
Design a sleek and modern layout featuring grid boxes placed on a black background. The grid boxes should have slightly rounded corners, with a small border radius of around 8px to maintain a clean, minimalist look. Each grid box should have a soft, blurred background, allowing the boxes to subtly stand out against the dark backdrop without overwhelming the design. The blur should be subtle, just enough to add depth, creating a gentle, frosted glass effect. The lines around the boxes' borders should be 1px in thickness and pure white, traveling randomly along the edges of the boxes. These lines should appear as a glowing shine, starting at one corner, moving smoothly around the border, and then fading away as they reach the opposite corner. The line movement should be unsynchronized across the grid, with some lines occasionally continuing onto the next box, creating a dynamic, flowing visual effect. The overall design should be minimal and futuristic, with the glowing lines adding a touch of motion and elegance while maintaining a clean and modern aesthetic. Ensure the grid boxes’ blur effect is subtle enough to keep the content legible but still gives a sophisticated, layered appearance.
