Clock
A clock widget is a compact, always-visible time display you can drop into a workspace, dashboard, or note. WidgetCraft's Flip Clock shows 12- or 24-hour time with an optional seconds counter and date line, and embeds as a single URL in Notion, Obsidian, or any iframe-capable website.
The Flip Clock is WidgetCraft's hero widget — a mechanical flip-board time display rendered in pure HTML and CSS with no external dependencies. Use it in a Notion workspace header to give your day a visible rhythm, in an Obsidian daily note to timestamp entries, or on a personal site as a subtle design element. The widget respects your device's current time (no server clock, no drift), toggles between 12 and 24 hour modes via a single URL parameter, and ships with WidgetCraft's full styling panel: background, accent color, typography, corner radius, border, shadow, and padding. Because it runs entirely in the browser, it works offline once the iframe has loaded and consumes effectively no bandwidth after the first paint.
Questions, answered.
How do I add a clock to my Notion page?
Copy the embed URL from WidgetCraft, paste it into a Notion /embed block, and the clock renders inline. The same URL works in Obsidian and on any website that accepts iframes.
Does the clock use my timezone?
Yes. The widget reads the time from the device rendering it, so it always shows your local time without any configuration. Timezone offsets and daylight saving are handled automatically by the browser.
Can I switch between 12-hour and 24-hour format?
Yes. Add `?24h=true` to the embed URL for 24-hour format, or leave it off for AM/PM. The builder exposes this as a toggle.
Can I show seconds?
Yes. Add `?seconds=true` to the URL or enable it in the builder. Without it, the seconds digit is hidden for a calmer look.
How do I change the clock's colors and font?
The builder at widgetcraft.ai/builder provides controls for background, text color, accent color, font family, corner radius, border, shadow, and padding. Every change is reflected live in the iframe preview.
Does the clock work offline?
After the initial iframe load, yes — the clock ticks using your device's internal time and does not call any server. Disconnect your wifi and it keeps working.
Is the clock free to use?
Yes. WidgetCraft widgets are free to embed and customize. No account, no subscription, no watermark beyond the small widgetcraft.ai footer mark.