Magnet Lines
A field of magnetic lines that swing toward the cursor, ripple outward and spin with every click.
Use Magnet Lines 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/MagnetLines-TS-TWRelated components
- Antigravity
A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.
- Flux Lines
Glowing flux lines tracing a churning magnetic fluid. The cursor magnet reveals and curls them.
- Magic Rings
Glowing rings that pulse outward in a wave, swell toward the cursor and flare on click.