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.
- Magnet Lines
A field of magnetic lines that swing toward the cursor, ripple outward and spin with every click.
- Faulty Terminal
A flickering CRT terminal of glowing glyphs, with phosphor trails under the cursor and glitches on click.