Updated: Light Tunnel
By Steven Van ·
The React Bits background now uses glowing fibres and comet-like pulses, steers with the cursor and needs no extra dependencies.
The React Bits Light Tunnel background has been redesigned with fine glowing fibres and comet-like pulses. It needs no extra dependencies.
Cursor and click interaction
The cursor steers the tunnel. A click sends a ring of light down it.
Light mode
In light mode the tunnel is drawn in ink.
Installation
The component can be added with npx shadcn@latest add @react-bits/LightTunnel-TS-TW. The page offers JavaScript or TypeScript variants, with plain CSS or Tailwind.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →