HTML + CSS Only  •  No JS  •  No SVG  •  No Images

Weather, beautifully coded.

Four animated weather cards built entirely from HTML elements, pseudo-elements and @keyframes — rotating suns, falling rain, drifting snow and flashing lightning.

PhoenixArizona, USA
Sunny
32°C

Bright sunshine with clear blue skies all day long.

24%
8 km/h
High
LondonUnited Kingdom
Rainy
14°C

Steady rain showers throughout the afternoon.

89%
18 km/h
12 mm
ReykjavíkIceland
Snowy
-4°C

Gentle snowfall with soft drifts and winter calm.

76%
22 km/h
8 cm
MiamiFlorida, USA
Stormy
27°C

Thunderstorms with frequent lightning flashes.

93%
41 km/h
Severe