Weather Widget Builder

Put live Pakistan Meteorological Department observations on your own website. Choose a city and a look, then copy one line of HTML — no account, no key, no script to install.

Widget options

The city above is what your widget opens on. With this ticked, your visitors can pick any other city from it without leaving your page.

Layout
Width

Give the card room and it re-lays itself: past 560 px the details move beside the reading, past 760 px it becomes a full panel with the forecast spread across the width. It stops growing at 1040 px and centres, so a theme that forces your iframe to full width still gets a card rather than a stretched one.

Theme
Units
Forecast
Details to show
#00b4d8

Live preview

Embed code

Paste this where the widget should appear. It refreshes itself every 10 minutes and needs nothing else on your page.

Prefer JSON?

GET /weather/current?city=lahore
Current conditions, plus a 12-hour forecast interpolated hourly from the numerical models under forecast. Accepts lat & lng instead, and answers with the nearest city.
GET /weather/cities
Every city this feed covers, with coordinates.