Dot Field
Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.
Use Dot Field in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/DotField-TS-TWRelated components
- Dot Grid
A springy dot grid that the cursor flicks and drags through like jelly, with click shockwaves.
- Flux Lines
Glowing flux lines tracing a churning magnetic fluid. The cursor magnet reveals and curls them.
- Particles
A drifting 3D field of particles with glow, twinkle, constellation lines and cursor interaction.