Luminous Grid
Add a dynamic dotted grid background with blinking dots and a smooth hover spotlight effect. Perfect for interactive hero sections and backgrounds.
Make it with Workshop
Build your own component with AI
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
