← All Widgets Spud Widgets · Est. 2026

Swiss Railway Clock Widget Builder

Build an analog clock for Notion, a website, or a blog with authentic Swiss railway stop-and-go motion. Pick any city, customize the dial, and choose the details to display.

Preview

Embed link

Paste this into a Notion embed block (type /embed, then paste the link).

City

Showing: New York, USA  · 

Face theme

Behavior

Authentic stop-and-go motion
Sweeps 58s, pauses 2s at 12 — the real SBB mechanism
Show second hand
Outer bezel ring
City label under clock
Date window
Small day-of-month cutout at 3 o'clock, like a watch date complication
Size 1.0x

At 1.0x the clock already fills the embed block edge-to-edge, so this only shrinks it. To make the clock look bigger, resize the Notion block itself.

How it works

Three steps, no account

01

Pick a city

Search any of 200+ cities worldwide, or use your own time zone automatically.

02

Style the face

Choose a curated theme or pick your own face, hand, and second-hand colors.

03

Copy & paste

Copy the embed link and drop it into a Notion /embed block. Done.

Why this one

What makes it different

Real stop2go motion

Most "Swiss style" clocks online just sweep continuously. This one replicates the actual mechanism: a 58-second sweep, then the second hand parks at 12 while the minute hand jumps forward.

🌐

Any city, not just yours

Search 200+ cities across every time zone, instead of only showing whatever time zone your browser happens to be set to.

Vector, not an image

The face is drawn live in SVG, so it stays crisp whether the Notion block is a small sidebar widget or stretched across the page.

Built to be still

Respects reduced-motion settings, holds no state, and loads no tracking — it's just a clock.

FAQ

Questions people actually ask

Why does the second hand pause at 12?

That's the real behavior of the original Swiss railway station clock, designed by Hans Hilfiker: the second hand sweeps a little fast and parks at 12 for about two seconds each minute, so every clock on the network can be resynchronized to the exact start of the next minute. You can turn this off in the Behavior section for a plain continuous sweep instead.

I already placed a clock in Notion — can I change its city or color later?

Not by editing it in place — there's no account behind this, so a placed embed and this builder aren't connected. Rebuild the settings here, copy the new link, and swap it into the existing embed block's source (select the embed, replace the link).

Do I need an account to use this?

No. Nothing is saved on our end — all the settings live in the link itself, which is why swapping a link is how you update a widget already placed on a page.

Does it handle daylight saving time?

Yes — the clock reads the live time for the selected city's time zone on every page load, so it shifts automatically whenever that region's clocks change.

Can I show more than one city at once?

Each embed is a single clock. To show several cities, place multiple embed blocks side by side, one per city — that also lets you size or theme each one independently.

Will it look right on a dark Notion page?

The default face is white, matching the real station clock. If you want it to blend into a dark page, pick the Midnight theme or set your own face/background colors — the background behind the clock can also be made transparent.