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
- 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.
- Prismatic Burst
A burst of prismatic light rays that leans toward the cursor and sends a wave of light outward on click.