🌧 Live 3D Weather

Your city, alive in 3D.

Type any city and watch its live weather unfold as a real-time 3D cinematic scene — rain, snow, sun, and storms. Beautiful enough to keep open as a screensaver.

Weather, reimagined

Not just a number. A living scene.

Live Weather Data

Pulls real conditions from Open-Meteo — no API key, no account, always accurate.

5 Weather States

Rain, snow, sunshine, thunderstorms, and fog each render as a distinct cinematic 3D scene.

Screensaver Mode

One click locks the scene full-screen with ambient rotation — beautiful enough to leave open all day.

Full 3D Control

Rotate, zoom, and pan the city with your mouse or touch. Your view, your angle.

See your city

Type any city and watch it come alive

Tokyodemo

🌧Persistent rain, 85% humidity

14°C12 km/h

drag to rotate · scroll to zoom

Try:

How it was built

A 5 AM build — Three.js particles, Open-Meteo data, and the question: why does every weather app show me a sad little cloud emoji?

dev blog

I built a 3D weather visualizer in one night — because weather apps are boring

How I turned live weather data into a real-time Three.js cinematic city scene. Rain particles, lightning flashes, snow drift — all driven by real Open-Meteo data.

#webdev#javascript#typescript#three.js