ns-ui
A split-flap departure-board display for short status strings — each character cell hinges its top half down over the bottom on a hard-creased 3D flip, cycling through a short burst of glyphs with per-cell stagger so a text change ripples left-to-right like clattering airport signage.
Use when a short status string that changes occasionally and should clatter through its change like departure-board signage, one cell per character rippling left to right; pick counter-carry-ripple instead when the value is numeric and place value matters, or status-glyph-cadence when the status is one of a small fixed set better encoded as motion than spelled out.
Install
npx shadcn add https://design.helpmarq.comns-ui / split-flap-board
Hover the board to pause it; hover a single flap to lift it 22° and peek the glyph underneath.
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | The string to display. One cell is rendered per character. |
| charset? | string | — | Glyphs cycled through mid-flip and used for the hover-peek plate. |
| cellWidth? | number | — | Cell width in px. Default 34. |
| cellHeight? | number | — | Cell height in px. Default 50. |
| className? | string | — | — |