Magnet
Elements magnetically ease toward the cursor then settle back with spring physics.
Use Magnet 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/Magnet-TS-TWRelated components
- Dither Veil
A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.
- Blob Cursor
Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.
- Crosshair
Crosshair cursor with live coordinates that locks onto links and buttons and measures them.