Updated: Lightfall
By Steven Van ·
The rebuilt React Bits background has steadier streaks and glowing heads, and it reacts to the cursor, with JavaScript and TypeScript versions.
Lightfall, the animated background in React Bits, has been rebuilt with crisp, steady streaks and round glowing heads.
How it behaves
The light warps in when the component loads. It bends around the cursor, and while the pointer is held it stretches into warp trails. The component shows streaks of light falling down a curved tunnel.
Installing it
Lightfall comes in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/Lightfall-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →