MOTIONSTASH
All components

Split Flap Board

Kinetic type

An airport flap display: seamed tiles churn through their drum, cell by cell, and land on the string

Download preview768×432 preview render. The full-resolution file comes from running the component
3 seconds
Format

This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.

split flapflip boardairportmonostaggermechanical
What you can change · 7 settings

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

  • Text *
    text · string

    The string the board lands on. Uppercased automatically. One tile per character, spaces included, 6 to 14 characters reads best; beyond that the tiles get small.

    now: 17:42 KEF

  • Label
    label · string

    Small mono label above the board, e.g. 'DEPARTURES' or 'TODAY'S FARE'. Omit for a bare board.

    now: Departures

  • Meta
    meta · string

    Short status set hard right on the label line, e.g. 'ON TIME' or 'GATE OPEN'. Omit to leave the line to the label alone.

    now: On time

  • Subline
    subline · string

    One line of detail under the board rule, set right. Use it for the human-readable version of what the tiles abbreviate.

    now: Reykjavík · Gate B14 · LH 4021

  • Highlight
    highlight · string

    A substring of `text` whose tiles carry the accent colour, the destination code, the gate, the amount. Case-insensitive, first match wins.

    now: KEF

  • Charset
    charset · "auto" | "letters" | "digits" | "mixed"

    Which drum the flaps travel through on the way to the target. 'auto' gives digits a digit drum and letters a letter drum (punctuation sits still), which is the most legible. 'mixed' churns letters and numbers together for a noisier, more mechanical run.

    now: auto

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS.

    now: slate

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/split-flap-board.tsx
Frame1920×1080
Duration90f · 3s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

An airport split-flap board. A row of dark tiles with a seam across the middle, each character flipping through intermediate glyphs to reach its target, staggered cell by cell, mono type, and it should settle into a still I could hold on.