Free website clock widget
Clock Widget for Website — Free HTML & iframe Embed
Create a free HTML clock widget for a website, blog, classroom page, dashboard, or livestream overlay. Choose a live analog face, theme, size, seconds, and timezone, then copy the iframe or JavaScript embed code.
Clock widget previews
Roman
Minimal
Modern
Where to use it
Classroom whiteboards
Give teachers and students a quiet, readable analogue clock.
Personal blogs
Add a live website clock to a sidebar, homepage, or study page.
Live streams
Use it as an OBS Browser Source in the corner of a scene.
Meeting screens
Place it on office TVs, dashboards, and lobby displays.
HTML clock widget options
Use the iframe when you want the fastest copy-and-paste setup. Open the full generator when you need JavaScript, a different timezone, theme controls, or a clock sized for a dashboard or stream overlay.
iframe clock widget
Paste one HTML iframe into a page, sidebar, CMS block, or internal dashboard. No package or account is required.
JavaScript clock embed
Use the generator for a configurable embed when you want more control over face, theme, seconds, size, and timezone.
OBS and display overlay
Use the hosted clock as a browser source for livestreams, meeting screens, classroom displays, or always-on status boards.
Need a larger teaching display? Open the analog classroom clock display or the full screen analog clock.
The simplest one-line embed
Open the full generator when you want to change the face, theme, size, or timezone.
<iframe src="https://analogueclock.com/embed/clock?face=classic&theme=auto&seconds=1&smooth=1" width="320" height="320" style="border:0;background:transparent" title="Analogue clock by AnalogueClock.com"></iframe>Clock widget FAQ
How do I add a clock widget to my website?
Copy the iframe or JavaScript code from the embed generator and paste it into your website, blog sidebar, classroom page, or CMS block.
Can I change the clock face and theme?
Yes. The generator lets you choose classic, Roman, minimal, or modern faces, plus automatic, light, and dark themes.
Does the widget create a backlink?
The hosted widget includes a small powered-by link so visitors can discover the source clock and use the tool themselves.
Is there a free HTML clock widget I can paste into a page?
Yes. Copy the ready-to-paste iframe snippet from this page, or open the generator for JavaScript embed code and more display options.
Can I use the clock widget in WordPress, Notion, or a dashboard?
Use the iframe anywhere the platform accepts embeds. For WordPress, paste it into a Custom HTML block; for dashboards and supported Notion embeds, use the hosted clock URL or iframe.