Magic Rings
Glowing rings that pulse outward in a wave, swell toward the cursor and flare on click.
Use Magic Rings 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/MagicRings-TS-TWRelated components
- Prismatic Burst
A burst of prismatic light rays that leans toward the cursor and sends a wave of light outward on click.
- Antigravity
A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.
- Magnet Lines
A field of magnetic lines that swing toward the cursor, ripple outward and spin with every click.