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
- Magnet Lines
Animated field lines bend toward the cursor.
- Dither Veil
A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.
- Antigravity
3D antigravity particle field that repels from the cursor with smooth motion.