Split-flap boardUltimate

An airport departures board: every cell rolls through the alphabet to its letter, one flap at a time.

Props

words

interval4s

speed55ms

stagger40ms

size40px

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Preview background

$npx shadcn@latest add @nex-ui/split-flap-board

import { FlipBoard } from "@/components/nex-ui/split-flap-board";

<FlipBoard words={["NEX-UI", "ULTIMATE", "DEPARTING", "ON TIME"]} />

You can play with the preview. The source and CLI install unlock with the Ultimate plan.