analogclock.org

Embed an Analog Clock on Your Website

Generate an iframe embed snippet for your blog sidebar, Notion dashboard, classroom portal, or company intranet. Completely free, ad-free, and privacy-respecting.

Customize Your Clock Widget

300 × 300 px
<iframe src="https://analogclock.org/embed/clock?style=classic&mode=sweep&theme=light" width="300" height="300" style="border:0;" loading="lazy" title="Analog Clock"></iframe>
Live Iframe Preview

This preview demonstrates the exact iframe output rendered on your target webpage.

Engineered for Seamless Web Embedding

Most third-party clock widgets burden your site with bulky tracking scripts, third-party advertising cookies, or blurry canvas graphics. Our embeddable clock widget was designed from scratch to solve these issues:

  • Pure Scalable Vector Graphics: Rendered entirely with SVG mathematical paths, the clock face stays crisp at any pixel density, whether displayed in a 200px sidebar or on a 4K display.
  • Zero Tracking & Zero Cookies: We collect zero personal data, set zero tracking cookies, and run zero advertising networks inside the iframe container.
  • Hardware Frame Synchronization: Hand motion runs through `requestAnimationFrame` loops, conserving mobile battery life by pausing animation when the widget scrolls off-screen.
  • Sandboxed and Secure: Operating inside a standard HTML iframe with loading="lazy" ensures that widget scripts cannot interfere with your parent page styling or document model.

How to Insert the Widget

Copy the generated HTML snippet from the configuration panel above and paste it directly into your website's markup:

  1. In WordPress or Squarespace, insert an "HTML" or "Code" block.
  2. In Notion, paste the link and select "Create Embed."
  3. In custom HTML or Markdown files, paste the iframe tag directly into your markup.

Explore Other Horological Features