Target Cursor
A reticle cursor whose corner brackets snap around targets, matching their shape.
Use Target Cursor 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/TargetCursor-TS-TWRelated components
- Cursor Grid
A crisp grid whose cells light up and fade behind the cursor, with grid styles, tiles and click pulses.
- Halftone Reveal
A halftone print of an image whose dots swell into the real photo under the cursor.
- Swarm Cursor
A liquid swarm of particles that flows after the cursor, curls into eddies and pours around hovered buttons.