Embeddable weather widget
Embed a live weather forecast for any city on your website — free, with a single iframe. Pick a city and style, then copy the code.
Theme
Units
Embed code
Paste the code above into any HTML page. It updates automatically — no maintenance needed.
Live preview
Advanced: auto-resize height
The widget posts its height via postMessage. Add this script to the host page so the iframe auto-fits:
<script>
window.addEventListener('message', function (e) {
if (e.data && e.data.type === 'dbtt:widget-height') {
document.querySelector('iframe[src*="/embed/"]')
.style.height = e.data.height + 'px';
}
});
</script>