Light Tunnel
A swirling fibre-optic tunnel where comets of light race into depth, steered by the cursor.
Use Light Tunnel 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/LightTunnel-TS-TWRelated components
- Light Pillar
A swirling pillar of light that ignites on load, leans toward the cursor and surges on click.
- Lightfall
Streaks of light falling down a curved tunnel, bending around the cursor and stretching into warp trails on hold.
- Orb
A glowing ring of swirling color that breathes, trails an orbiting light and reaches toward the cursor.