No JavaScript · No images · No SVG — just HTML & CSS

Four skies, drawn in pure CSS

Every sun ray, raindrop, snowflake and bolt of lightning below is built from plain elements and pseudo-elements, animated with nothing but @keyframes.

Lisbon

Sunny

24°

Clear skies and golden light, with a soft breeze rolling in off the Atlantic.

H 27°L 18°Wind 12 km/h

London

Rain

13°

Steady drizzle settling in for the afternoon — keep the umbrella close.

H 15°L 9°Wind 20 km/h

Reykjavík

Snow

−2°

Light snow drifting down on a cold northerly wind.

H 1°L −8°Wind 15 km/h

Singapore

Thunder

28°

Thunderstorms rumbling through, clearing by early evening.

H 30°L 25°Wind 38 km/h

Hover a card to lift it. Animations pause automatically when your system prefers reduced motion (prefers-reduced-motion).