Split-flap displays — the mechanical departure boards at old train stations and airports — worked by flipping physical cards to reveal the next digit. This recreates that motion entirely in CSS: no download, no screensaver install, just a page that flips.
Push it to a spare display or drop it in an OBS scene — the flip motion reads clearly on stream without pulling focus from whatever you're actually showing.
No physical split-flap unit to dust or replace the motor on — same look, runs in a browser tab you can close whenever.
The flip only happens once a minute (or once a second if you turn that on) — far less visually noisy than a ticking digital readout.
Departure-board clocks read instantly as train-station or vintage-airport signage — the aesthetic works for pop-up cafés, retro parties, or a lobby display doing double duty as décor and a functioning clock.
The whole setup takes about as long as reading this sentence.
The cards are already flipping by the time the page finishes loading — no split-flap hardware to track down, no screensaver to install, and it looks the same whether you're on a laptop, a phone, or a spare monitor.
Eight card finishes are one tap away in Settings; whichever one you land on sticks around the next time you open the page.
The card colors aren't the only toggle — seconds, the date, and 12 vs. 24-hour format each get their own switch, and changing one doesn't reset the others.
Tapping fullscreen strips the browser chrome away entirely, leaving just the split-flap board on screen; add Keep Screen On if you're stepping away and don't want it dimming.
What the flip clock actually does, in plain terms.
Toggle between AM/PM and 24-hour railway-style numerals whenever you like, independent of the seconds and date settings.
Flip Noir, Mono, Cream, Ocean, Rose, Forest, Slate, and Sunset — eight card finishes, all with the same mechanical flip motion.
Fills the whole screen in one click — good as a standalone wall display or a departure-board centerpiece on a shelf.
The same Wake Lock API that keeps a video call's screen awake is what stops this one from dimming mid-flip.
Shrink the browser window, or open it straight on a phone, and the card grid re-flows instead of just shrinking down.
No account, no server round-trip — the flip animation runs entirely client-side, and whatever you set in Settings stays on this device.
Common questions about the flip clock, answered directly.
It's imitating a split-flap display — the mechanical departure-board clocks used in old train stations and airports, where each digit is printed on a physical card that flips over to reveal the next one. We recreate that motion in CSS rather than just swapping text.
Similar idea, different form — Fliqlo is a downloadable screensaver for macOS/Windows that takes over your whole screen when idle. This is a live webpage you keep open and control directly (fullscreen, themes, seconds), no install required.
No — it's a pure CSS transform, not a video or canvas animation, so it costs almost nothing even on older hardware.
Yes. Open it in its own browser window on the second display and hit fullscreen — no need to keep any browser chrome visible.
Eight of them — Flip Noir, Mono, Cream, Ocean, Rose, Forest, Slate, and Sunset — all with the same flip motion. Pick one in Settings.
Yes — toggle the date on in Settings alongside seconds and 12/24-hour format, so the split-flap board shows a full date-and-time readout instead of just the clock.
Yes — flip on Keep Screen On in Settings. It relies on the Wake Lock API (supported in Chrome, Edge, and Safari) to stop your device from dimming or sleeping while the board is up.
Prefer a glowing LED pixel grid, real BCD binary dots, or neon gradient look instead? See the Pixel Clock Online, Binary Clock Online, or Neon Clock Online, or head over to the Digital Clock, which has every theme and setting in one place.