Is the analogue clock widget free to embed?

Yes. The widget is free for personal, educational, and commercial use. A small attribution link to AnalogueClock.com is shown on the clock.

How do I add the clock to my website?

Choose a face, theme, and size on this page, then copy either the iframe snippet or the JavaScript snippet and paste it into your HTML where you want the clock to appear.

Can I show a specific timezone?

Yes. Set the timezone field to any IANA timezone identifier such as America/New_York, Europe/London, or Asia/Tokyo, and the clock will display that local time.

Does the widget work on mobile?

Yes. The clock is rendered with SVG and scales to fit the container, so it works on phones, tablets, desktops, and large displays.

Embed widget

A free analogue clock for your site.

One line of HTML. Works on blogs, classroom pages, dashboards, live streams, Notion embeds, and internal tools. Customize the clock below, then paste the snippet wherever HTML is allowed.

Live preview

Resize-safe iframe with a built-in attribution link.

Resize the window to see how the embed scales.

Clock face

Theme

Size: 360px

Timezone (optional)

Label (optional)

Show second handSmooth-sweeping seconds

Copy & paste

Two ways to embed: pick the one your platform allows.

<div style="display:inline-block;text-align:center">
  <iframe src="https://analogueclock.com/embed/clock?face=classic&theme=auto&seconds=1&smooth=1" width="360" height="360" style="border:0;background:transparent;display:block" loading="lazy" title="Analogue clock by AnalogueClock.com"></iframe>
  <a href="https://analogueclock.com/?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener" style="display:block;margin-top:4px;font:400 11px/1.4 system-ui,sans-serif;color:#888;text-decoration:none">Analogue clock by AnalogueClock.com</a>
</div>

Works anywhere HTML is allowed. Fixed pixel size.

Where people put it

Classroom whiteboards

Put a readable analogue clock on a smart board or class website.

Live stream overlays

Use an OBS browser source for a clean clock in a corner of the scene.

Meeting room TVs

Show local time on lobby screens, dashboards, and office displays.

Personal blogs

Add a quiet clock widget to a study page, homepage, or sidebar.

WordPress plugin next

The embed script is designed for a future shortcode plugin: choose a face in WordPress, then render the same widget with attribution intact.

OBS Browser Source

Streamers can paste the iframe URL into OBS as a browser source. A dedicated stream overlay guide can build on this same endpoint.

Terms of use

The embed is free for personal, classroom, and commercial use. The analogueclock.com credit link in the corner must remain visible — it's how new users discover the project.