Interactive Background - Copy this React, Tailwind Component to your project
Create an interactive, animated background featuring a smooth, dark toned gradient that shifts fluidly with mouse movements. At the center, a small black dot with a thin, sharp black outline serves as the focal point. The gradient radiates outward in deep, moody colors, including shades of dark purple, indigo, and turquoise, blending seamlessly to create a glowing yet mysterious effect around the center. The background is layered with a subtle square patterned texture, using muted tones of dark gray and black to give the visual a structured and geometric depth. To enhance the overall atmosphere, a grunge effect is applied over the entire image, adding a worn, textured feel that contrasts with the sleekness of the gradient. This combination of dark hues, geometric patterns, and gritty textures creates a visually engaging, immersive environment with a futuristic yet edgy aesthetic, ideal for a night mode or tech inspired design.
