Free Widgets for Your Website

Embed a live clock, sunrise times, prayer times, a countdown or the moon phase — one line of HTML, no signup.

How it works

Pick a city or event, copy the snippet below, and paste it into your page. Each widget updates itself. Free for personal and commercial use.

Each widget comes in two flavours. The plain iframe embeds the live widget alone. The widget + text link version adds a regular HTML link next to the widget — visible to your readers and to search engines, and the nicest way to credit us if you are embedding on a blog or docs site. Prefer a simple citation instead? See link to us for badges and text links.

1. Live clock

The current local time in any city, updated every second. Use ?city= with a city slug, or ?tz= with a raw IANA time zone.

<iframe src="https://timeis.today/widget/clock?city=new-york-city" width="240" height="140" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Current time in New York"></iframe>

Widget + text link (recommended):

<div style="text-align:center">
  <iframe src="https://timeis.today/widget/clock?city=new-york-city" width="240" height="140" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Current time in New York"></iframe>
  <div style="font:12px/1.6 sans-serif;margin-top:4px"><a href="https://timeis.today/new-york-city">Current time in New York</a></div>
</div>

London and Tokyo:

<iframe src="https://timeis.today/widget/clock?city=london" width="240" height="140" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Current time in London"></iframe>

<iframe src="https://timeis.today/widget/clock?city=tokyo" width="240" height="140" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Current time in Tokyo"></iframe>

Any city slug works — paris, dubai, sydney — or a raw zone like ?tz=Asia/Shanghai.

2. Sunrise & sunset

Today's sunrise, sunset, daylight length and solar noon for a city.

<iframe src="https://timeis.today/widget/sun?city=london" width="260" height="200" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Sunrise and sunset in London"></iframe>

Widget + text link (recommended):

<div style="text-align:center">
  <iframe src="https://timeis.today/widget/sun?city=london" width="260" height="200" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Sunrise and sunset in London"></iframe>
  <div style="font:12px/1.6 sans-serif;margin-top:4px"><a href="https://timeis.today/london">Sunrise &amp; sunset in London — timeis.today</a></div>
</div>

<iframe src="https://timeis.today/widget/sun?city=new-york-city" width="260" height="200" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Sunrise and sunset in New York"></iframe>

3. Prayer times

Today's Fajr, sunrise, Dhuhr, Asr, Maghrib and Isha times, using the calculation method standard for the city's country.

<iframe src="https://timeis.today/widget/prayer?city=makkah" width="260" height="240" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Prayer times in Makkah"></iframe>

Widget + text link (recommended):

<div style="text-align:center">
  <iframe src="https://timeis.today/widget/prayer?city=makkah" width="260" height="240" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Prayer times in Makkah"></iframe>
  <div style="font:12px/1.6 sans-serif;margin-top:4px"><a href="https://timeis.today/prayer-times/makkah">Prayer times in Makkah — timeis.today</a></div>
</div>

<iframe src="https://timeis.today/widget/prayer?city=istanbul" width="260" height="240" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Prayer times in Istanbul"></iframe>

4. Countdown

A live countdown to a holiday or event. Use ?event= with any event slug from the countdowns hub.

<iframe src="https://timeis.today/widget/countdown?event=christmas" width="240" height="200" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Days until Christmas"></iframe>

Widget + text link (recommended):

<div style="text-align:center">
  <iframe src="https://timeis.today/widget/countdown?event=christmas" width="240" height="200" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Days until Christmas"></iframe>
  <div style="font:12px/1.6 sans-serif;margin-top:4px"><a href="https://timeis.today/countdown">Countdown to Christmas — timeis.today</a></div>
</div>

<iframe src="https://timeis.today/widget/countdown?event=new-year" width="240" height="200" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Days until New Year"></iframe>

<iframe src="https://timeis.today/widget/countdown?event=halloween" width="240" height="200" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Days until Halloween"></iframe>

5. Moon phase

The current lunar phase and illumination, updated automatically.

<iframe src="https://timeis.today/widget/moon" width="220" height="160" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Moon phase today"></iframe>

Widget + text link (recommended):

<div style="text-align:center">
  <iframe src="https://timeis.today/widget/moon" width="220" height="160" frameborder="0" scrolling="no" style="border:0;border-radius:12px;overflow:hidden" title="Moon phase today"></iframe>
  <div style="font:12px/1.6 sans-serif;margin-top:4px"><a href="https://timeis.today/moon">Moon phase today — timeis.today</a></div>
</div>

Need the time as JSON instead?

Check the free time API — one GET request returns the current time for any city or time zone.