Atmospheric UI kit  ·  no scripts

Four moods of the sky

Animated weather cards built entirely from HTML elements and CSS — rotating sunbeams, slanting rain, drifting snow and thunder-lit skies.

Sunny 01 / 04

Marrakech

31° Celsius

Clear skies and warm light from sunrise to the last golden hour.

Humidity24%
Wind8 km/h
UVHigh
Rainy 02 / 04

Seattle

14° Celsius

Steady rain and soft grey light settling over the sound.

Humidity91%
Wind17 km/h
Rain6 mm
Snowy 03 / 04

Reykjavik

−3° Celsius

Light snow drifting in silence across a pale, frozen sky.

Humidity78%
Wind11 km/h
Snow4 cm
Stormy 04 / 04

Chicago

18° Celsius

Thunder rolling over the lake as lightning splits the dark.

Humidity86%
Wind34 km/h
Pressure992 hPa

Pure HTML & CSS  ·  Zero JavaScript  ·  Motion-aware