KQ-425 · THUNDER/SHADE
Thunder Shade
A storm over the interface: a cloud shadow drifts slowly across the page darkening what it covers, and a click strikes lightning — a branching bolt from the top to the click point, a flash that lights the whole page, and a rumble of afterglow. Draws only the weather.
KQ-425 · THUNDER/SHADE
Basinworks · reservoir board
A storm crossing the watershed.
The gauge board still reads true under the weather. Rest the cursor on the card and the cloud shadow drifts with the front; click anywhere and it strikes, same as the sky above the dam.
Level
118.4 m118.4 mInflow
62 m3/s62 m3/sSpillway
35%35%| Gate | Detail | State |
|---|---|---|
| Gate A | Main spillway, north wall | open |
| Gate B | Auxiliary release | holding |
| Gate C | Emergency overflow | sealed |
118.4 m · rising
click, and it strikes
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/thunder-shade
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| shade / drift | number | — | How dark the cloud shadow is and how fast it drifts. |
| bolt / flash / branches | number | — | Bolt brightness, flash strength, and how many branches a strike grows. |