Moving Squares Bg

The component generates a grid of customizable squares that move smoothly across the background, creating a professional and engaging visual effect.

The component generates a grid of customizable squares that move smoothly across the background, creating a professional and engaging visual effect. Key features of this component include: Direction Control: You can easily change the animation direction, choosing between diagonal, up, right, down, and left movements to fit your design. Customizable Speed: The Animation duration setting gives you precise control over the speed of the moving squares, allowing for anything from a slow, subtle flow to a faster, more dynamic feel. Full Styling Control: The component lets you customize every visual aspect. You can adjust the background color , border color , and size of the squares to match your brand's palette and scale. Interactive Hover Effects: A customizable Hover Color allows you to create an interactive effect when a user's cursor passes over the squares, adding a layer of polish and user engagement. The Squares component is perfect for creating a clean, modern aesthetic that feels alive without being distracting. It's a powerful tool for adding a high-end feel to your website's background.