React Bits

Cursor Grid

Canvas grid whose cells light up around the cursor with configurable radius, falloff and click pulses.

Cursor Grid, a React Bits component

Use Cursor 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/CursorGrid-TS-TW
How to install React Bits components

Related components

  • Cubes

    A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.

  • Target Cursor

    A reticle cursor whose corner brackets snap around targets, matching their shape.

  • Click Spark

    Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.