Flipoff Split Flap Display

Pure vanilla JS split-flap display that turns a browser into a retro airport departure board. No frameworks, no build step, just open index.html and you get animated flip tiles with authentic clacking sounds. Everything you'd want to tweak lives in one constants.js file: grid size, scramble timing, colors, messages. The keyboard shortcuts (F for fullscreen, M for mute) and programmatic API make it practical for embedding in kiosks or TV displays. It's the kind of thing that looks great running 24/7 on a mounted screen showing office announcements or event schedules. Works offline once loaded, which matters if you're actually mounting this somewhere.

skills.sh installs: 806
GitHub stars: 61
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add aradotso/trending-skills --skill flipoff-split-flap-display --agent claude-code

Installs into .claude/skills of the current project.

Files

FlipOff Split-Flap Display Emulator

Skill by ara.so — Daily 2026 Skills collection.

FlipOff is a pure vanilla HTML/CSS/JS web app that emulates classic mechanical split-flap (flip-board) airport displays. No frameworks, no npm, no build step — open index.html and you have a full-screen retro display with authentic scramble animations and clacking sounds.

Installation

git clone https://github.com/magnum6actual/flipoff.git
cd flipoff

# Option 1: Open directly
open index.html

# Option 2: Serve locally (recommended for audio)
python3 -m http.server 8080
# Visit http://localhost:8080

Audio note: Browsers block autoplay. The user must click once to enable the Web Audio API context. After that, sound plays automatically on each message transition.