React Dot Grid Background Component - Lightswind UI
An interactive hexagonal dot-grid background. Drag in any direction — dots scale by proximity to center with smooth inertia physics. Fully configurable: dot size, color, spacing, scale falloff, and momentum. Built on Canvas API for 60 FPS with zero layout cost.
Key Details of React Dot Grid Background
The Dot Grid Background is a copy-paste component in the Background collection of Lightswind UI. Built with TypeScript, Tailwind CSS, and Framer Motion for clean developer experience and rapid UI building.
- Category: Background
- Fully responsive and dark mode compatible
- Production-tested in Next.js 15 & React 19
- Interactive animations and accessible markup