Split-Flap Departure Board text animation: the word aimotions animated in this style
194InterfaceCSS

Split-Flap Departure Board

Mechanical split-flap modules clatter through the alphabet and settle one by one on the word, above rows of fictional departures that scramble and update. The station and airport board look, great for travel, events, launches and countdowns.

Prompt · replace [TEXT]

Tool-agnostic
Recreate a mechanical split-flap departure board spelling [TEXT]. A dark board housing with a "DEPARTURES" header and a row of large charcoal flap modules, each with a thin black split line across the middle and tiny hinge pins. Every module flips rapidly through the alphabet in order, about fifteen flips per second: the upper half folds down over the lower half, darkening as it turns, and each module stops on its letter of [TEXT] at a different moment, giving a clattering, staggered rhythm. Letters are off-white condensed bold capitals. Below, smaller rows of fictional times, destinations, platforms and remarks in amber monospace scramble and settle. Hold, flip everything back to blank and loop.

Visual DNA

  • Charcoal flap modules with a hard split line and hinge pins
  • Each flap flips through the drum alphabet in order and stops at its letter
  • Upper half folds down over the lower half with a shading pass
  • Off-white condensed caps for the hero row, amber monospace for the timetable
  • Fictional destination rows that scramble and settle with a staggered rhythm
Category
Sci-fi UI & Modern Web
Demo built with
CSS
Energy
Lively
Background
Dark bg

Also known as

Support
Keep aimotions free

No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.

Buy me a coffee

Keys: ← → browse · C copy

Use this style

  1. Step 01Copy the prompt

    It describes the Split-Flap Departure Board look (composition, type, palette, texture and timing) without tying you to a tool.

  2. Step 02Replace [TEXT]

    Swap in your word, product name or headline. Short words (4–12 letters) read best in most styles.

  3. Step 03Ask for a format

    Paste it into Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra or GPT-6.1 Sol, or a newer model, and request a single HTML file, a component, a shader or a brief. For a hero heading, use “Copy for website title”.

Website titles →Prompt guide →

Keep it free.

aimotions has no paywall and no sign-up. It is funded by people who found a style they love. A coffee on Ko-fi helps pay for hosting and the next batch of styles.

Support on Ko-fi ♥