Free golden hour widget

Put live golden hour and blue hour times on your own site. One iframe, no account, no tracking, and it stays correct on its own.

Live preview

This is the real widget, updating for Berlin as you read. Light and dark styles match your page.

Light

Dark

Add it to your site

Paste this where you want the widget. The credit line under the frame is an honest source link, which keeps attribution clear and the widget free to use.

<iframe src="https://goldenhourclock.com/embed/de/berlin?variant=white" width="360" height="220" style="border:0;max-width:100%" loading="lazy" title="Golden hour in Berlin"></iframe>
<a href="https://goldenhourclock.com/de/berlin" rel="nofollow noopener">Golden hour in Berlin, goldenhourclock.com</a>
Dark style
<iframe src="https://goldenhourclock.com/embed/de/berlin?variant=dark" width="360" height="220" style="border:0;max-width:100%" loading="lazy" title="Golden hour in Berlin"></iframe>
<a href="https://goldenhourclock.com/de/berlin" rel="nofollow noopener">Golden hour in Berlin, goldenhourclock.com</a>

Works anywhere you can paste HTML: WordPress (Custom HTML block), Squarespace (Code block), Wix (Embed HTML), Blogger, Ghost, Notion, or plain HTML. If the height looks off, set the iframe to height="220"; widths below 360px scale down on their own.

Pick your city

The snippet below is already filled in for each place. Copy the one you need, or open its page for the dark style and other sizes.

Your city is not listed? Every place has a page and a widget; find it on the homepage and copy the snippet from there.

Why this widget