React Bits

Dot Grid

A springy dot grid that the cursor flicks and drags through like jelly, with click shockwaves.

Dot Grid, a React Bits component

Use Dot Grid 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/DotGrid-TS-TW
How to install React Bits components

Related components

  • Dot Field

    Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.

  • Ripple Grid

    A crisp grid that ripples like water, bending and lighting up as waves pass through it.

  • Galaxy

    Endless flight through a twinkling starfield with warp jumps, cursor repulsion and star palettes.