Enhanced version of Flippinout with font cycling and custom quote editing.
Cycle through 10 fonts - Google Fonts that match real split-flap displays:
- Arial Black — Original Flippinout font (system font)
- Work Sans — Matches Frutiger (European airports: Charles de Gaulle, Schiphol)
- Inter — Matches Helvetica (Swiss/Italian Solari boards)
- Archivo Black — Matches Univers (Swiss railways SBB)
- Barlow — Matches DIN (German transit DB, BVG)
- Montserrat — Matches Futura (1960s American airports)
- Oswald — Matches Franklin Gothic (NYC subway)
- Space Grotesk — Modern retro-futuristic
- DM Sans — Contemporary transit displays
- Roboto Mono — Classic monospace terminals
Note: Frutiger, Helvetica, Univers, DIN, Futura, and Franklin Gothic are commercial fonts (~$200-500 each). These Google Fonts are legal open-source alternatives that closely match the originals.
Press FONT button (mobile) to cycle • Toast notifications show actual font names
Based on research of Solari, Pragotron, Omega, and Ferranti split-flap manufacturers
Edit and customize your displayed quotes:
- Tap EDIT button to open quote editor
- Add your own messages (7 lines per quote block)
- Saves to localStorage
- Reset to defaults anytime
Real split-flap displays were never multicolored—they were mechanical, uniform, functional.
- Classic Airport — White on black (train stations, airports)
- Vintage Amber — 1970s airport terminal glow
- Terminal Green — Classic CRT aesthetic
- Railway Blue — Modern European rail stations
Press T or THEME button to cycle themes
- Real-time clock display with date
- Mechanical flip animation on every second
- Toggle with C key or CLOCK button
| Key | Action |
|---|---|
| Enter | Next message |
| ← | Previous message |
| C | Toggle clock mode |
| T | Cycle theme |
| U | Toggle ALL CAPS / Title Case (NEW!) |
| F | Fullscreen |
| M | Mute/unmute |
| N | Show shortcuts |
Six buttons at bottom:
- THEME — Cycle through monochrome themes
- CLOCK — Toggle live clock mode
- FONT — Cycle through display fonts
- CAPS — Toggle ALL CAPS / Title Case
- EDIT — Open quote editor
- FULL — Enter fullscreen mode
Landscape fullscreen mode:
- Shows ☰ (hamburger menu) to save space
- Tap to expand → all 6 buttons appear with dark background
- Tap ✕ to collapse → back to hamburger only
- Auto-adapts on orientation change
- Open https://mathmati.github.io/flippinfont/
- Tap FULL for fullscreen
- Try FONT to change typefaces
- Tap EDIT to add your own quotes
- Cycle themes with THEME
- Office lobbies — Display time or rotating quotes
- Home decor — Vintage aesthetic on any TV
- Events — Retro countdown or info boards with custom fonts
- Streaming overlays — OBS browser source with character
- Personal quotes — Display your own messages in various fonts
The quote editor lets you customize all displayed messages:
- Tap EDIT button
- Enter quotes in blocks of 7 lines
- Separate blocks with
---or blank lines - Tap Save Quotes
Example format:
GOD IS IN
THE DETAILS .
- LUDWIG MIES
---
YOUR CUSTOM
QUOTE HERE
Quotes save to your browser's localStorage and persist across visits.
Each theme is 100% monochrome because that's how real split-flap boards worked:
- One text color
- One background color
- No scramble color cycling
- Just mechanical character flipping
Authentic to: airports, train stations, baseball scoreboards, stock tickers.
Based on: Flippinout
Original: magnum6actual/flipoff
Enhanced by: Clawd (Mathew's AI assistant)
Same as original — check original repo for license details.
Mobile: THEME · CLOCK · FONT · CAPS · EDIT · FULL
Desktop: T (theme) · C (clock) · U (caps) · F (fullscreen)