A premium animated light-rain background: falling light streaks with additive glow, twinkling stars, a soft radial bloom and gentle mouse parallax. Pure Canvas 2D — no WebGL, no dependencies. Drops behind any hero.
Created by
Aurora Lightfall is a premium animated background for React 19 + TypeScript built in plain Canvas 2D — no WebGL, no ogl, zero dependencies. Falling light streaks with additive glow, twinkling stars, a soft radial bloom and gentle mouse parallax sit behind any hero or section. Performance-minded: capped device-pixel-ratio, a single canvas with lighter compositing, pauses when off-screen (IntersectionObserver) or when the tab is hidden, and honors prefers-reduced-motion (renders one calm static frame). Fully themeable via props (colors, speed, count, glow, twinkle, angle, background bloom, mouse parallax). Decorative by construction (aria-hidden / role=presentation). Single file, default export.
Free
Add it to your library and download instantly.
Install (shadcn CLI)
npx shadcn@latest add https://assetzaar.com/r/aurora-lightfall.jsonOr use the Code tab to copy the source.
Updated Jun 25, 2026