Pure HTML + CSS  •  Zero JavaScript  •  No Images

Weather, beautifully CSS-only.

Four animated weather cards built entirely from HTML elements and pseudo-elements — rotating sun rays, falling rain, drifting snow and flashing lightning, all powered by smooth infinite @keyframes.

✦ CSS @keyframes ✦ Pseudo-elements ✦ Responsive grid ✦ prefers-reduced-motion
California Live

San Diego

United States

28°°C
☀ Clear & Sunny
Wind12 km/h NW
Humidity42%
UV Index7 · High
Feels Like30°
Washington Live

Seattle

United States

14°°C
☂ Light Rain
Wind18 km/h SW
Humidity84%
Rain6 mm / hr
Feels Like11°
Colorado Live

Aspen

United States

-4°°C
❄ Snow Showers
Wind22 km/h N
Humidity71%
Snow4 cm / hr
Feels Like-9°
Florida Live

Miami

United States

26°°C
⚡ Thunderstorms
Wind31 km/h E
Humidity88%
LightningFrequent
Feels Like31°