KQ-365 · RAIN/GLASS

Rain Glass

Rain on a window, with the interface behind it. Droplets bead on the pane and run in trails that bend the view, a haze softens what they do not cover, and the cursor wipes a clear patch that fogs back over. Every droplet is seeded from its cell, so the same pane always rains the same way.

KQ-365 · RAIN/GLASS

Fieldline · station 03

Rain on the pane, readings behind it.

The window between the desk and the mast. The glass beads and runs on its own clock while the station keeps recording underneath — wipe the pane to read the numbers plainly for a moment.

Rainfall

18.4mm18.4mm

Wind

22kt22kt

Pressure

998hPa998hPa
StationSiteState
FL-03Coombe Ridgereporting
FL-11Marsh Gatedelayed
FL-19High Weiroffline
06:52 · squall inbound

wipe the pane

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/rain-glass

Props

PropTypeDefaultDescription
density / size / speednumberHow many droplets, how large, and how fast the running ones travel.
refraction / blur / fognumberHow far a droplet bends the view, how soft the un-wiped pane is, and how heavy the haze.
wipeRadius / refognumberThe clear patch the cursor leaves and how many seconds it takes to fog back.