Four material voices
Move between airport, terminal, warm paper, and punchy scoreboard surfaces.
Type & mechanism
Split-Flap Text
Give a short message the tactile cadence of an arrival board. Tune the surface and sequence while keeping the effect restrained, responsive, and readable.
Split-flap / airport
Mechanical rhythm, digital restraint
The character board without frantic randomness.
Split-flap motion is strongest when the message is brief and the cadence is deliberate. Every cell follows a deterministic CSS sequence, so the effect stays predictable and lightweight.
Three sequencing patterns
Land cells from the start, radiate from the center, or send a measured wave across the board.
Bounded character grid
The component caps the cell count, preserves graphemes, and never creates a timer per character.
Three-step workflow
How to use the Split-Flap studio
- Write the board
Enter a short status, destination, title, or score and choose the maximum cell count.
- Direct the mechanism
Set material, sequencing, uppercase treatment, cell shape, timing, and palette.
- Export the message
Copy a dependency-free component or download a standalone document with the final message already present.
Questions, answered.
Does it generate random letters continuously?
No. Each cell uses one deterministic transition glyph and lands on the real message.
Is the cell grid accessible?
The grid is hidden from assistive technology and one stable label exposes the complete message.
Can I use lowercase text?
Yes. Disable uppercase for paper and editorial treatments.
How is reduced motion handled?
The temporary flap leaves disappear, leaving only the final readable characters.