Rain Storm

Rain Storm is an interactive background in the UI HUB interactive backgrounds collection. A Canvas 2D storm on two depth layers (soft far rain + sharp near rain) that gust with the wind; landing near drops burst into splash flecks; every 7-15s - or any click/tap - a seeded strike fires 1-3 branching bolts with a hard flash, a single echo and a cached radial glow that lights the rain via an additive pass, th…

The component is driven by 14 documented props (density, speed, wind, intensity, lightning, bolts and 8 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Preview the interactive background in the browser above, copy the source, and paste it into your project. Interactive Backgrounds components in UI HUB are grouped by category so you can compare effects side by side before choosing one.