# Updated: Lightfall

By Steven Van · 2026-10-11

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](<https://creatorstoolbox.com/resources/react-bits>), has been [rebuilt](<https://reactbits.dev/backgrounds/lightfall>) 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](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/backgrounds/lightfall>)

[Read Updated: Lightfall on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-lightfall>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-lightfall