Luminous Grid

This component creates a sleek animated background made of tiny dots that gently blink, combined with a smooth hover spotlight effect that follows your cursor.

This component creates a sleek animated background made of tiny dots that gently blink, combined with a smooth hover spotlight effect that follows your cursor. It’s perfect for adding depth and motion to your hero sections, landing pages, or portfolio layouts. Features Interactive dotted grid with smooth hover spotlight effect Customizable dot density, size, radius, and color Optional image background with adjustable fit Toggle hover and animation effects individually Lightweight and performance-optimized Works seamlessly in any layout Perfect for Hero sections and headers Portfolio and creative studio pages Tech and AI-inspired SaaS websites Animated visual backgrounds Customization Options Grid Density: control the spacing between dots Dot Size & Radius: fine-tune the look of each dot Dot Color: set your brand or theme color Image Background: overlay your image with the grid for unique effects Hover Size: adjust how wide the spotlight spreads Hover & Animation Toggles: easily turn effects on or off