Updated: Cursor Grid
By Steven Van ·
The React Bits Cursor Grid effect now offers tiles, dashed, dot and mark styles, click rings, an intro and a light mode.
Cursor Grid, the React Bits effect, has been rebuilt as a minimal grid with a soft spotlight that follows the cursor. The cells light up and fade behind the pointer.
What the rebuilt grid includes
- Highlights for a single cell or for an area
- Tiles, dashed, dot and mark grid styles
- Click rings
- An intro
- A light mode
Installing it
The component is available in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/CursorGrid-TS-TW. The page's interactive preview, customization controls and source tabs need JavaScript enabled.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →