> ## Documentation Index
> Fetch the complete documentation index at: /llms.txt
> Use this file to discover all available pages before exploring further.
# Split-Flap Board
> Solari-style departure board: every cell walks its drum forward through the intervening characters of a fixed alphabet until it lands on its target, so the text resolves as a mechanical cascade instead of a fade.
# Split-Flap Board
Solari-style departure board: every cell walks its drum forward through the intervening characters of a fixed alphabet until it lands on its target, so the text resolves as a mechanical cascade instead of a fade.
**Split-Flap Board**
```html split-flap-board.html
Split-Flap Board
```
Copy npx hyperframes add split-flap-board to the clipboard
That writes one file: `compositions/split-flap-board.html`.
## Add it to your video
It runs for 3.5 seconds at 1920×1080. Paste this into your composition:
```html index.html
```
Move it in time with `data-start`. Put it on a different timeline row with
`data-track-index`. See [data attributes](/concepts/data-attributes.md) for the rest.
## Variables
Every one of these has a default, so the piece works untouched. Set the ones you
want to change on the element:
| Variable | Default | Accepts | What it does |
| - | - | - | - |
| `boardText` | `NOW BOARDING` | string | |
| `flapAlphabet` | ` ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789.,'` | string | |
| `flipDuration` | `0.09` | 0.03s to 1.2s, step 0.01s | |
| `cellStagger` | `0.05` | 0s to 0.5s, step 0.01s | |
| `cellCount` | `12` | 1 to 24, step 1 | |
Set them with `data-variable-values` on the element that mounts it. These are the
defaults, so this behaves exactly like the preview above until you change one:
```html wrap
```
{/* hf:generated-footer */}
Tagged `text` `kinetic` `mechanical` `split-flap` `solari` `departure-board` `reveal`.
## Related topics
* [Browse the complete Catalog](/catalog.md)
* [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md)
* [Put blocks together into one video](/concepts/compositions.md)