Dot Field is a hero block where thousands of dots fly out of a dot grid and assemble your headline.
Features
- The cursor pushes dots away
- A glow runs through the letters
- Scrolling scatters the dots back into the grid
- Light and dark themes
- Reduced motion support
Technical details
- One React component (TypeScript, about 360 lines) plus a demo file
- Canvas 2D only, no dependencies
Files: dot-field.tsx, demo.tsx, package.json, README.md.
Black FridayLifetime Pro for $224 instead of $449Ends in0d00h00m00sSee the deal
