Components
Split Flap Display
An animated split-flap (airport departure board) display that flips through characters to reveal text or label/value rows.
import { SplitFlapDisplay } from "@/components/ui/split-flap-display";
export default function SplitFlapDisplayDemo() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center bg-neutral-100 p-8 dark:bg-neutral-950">
<SplitFlapDisplay text="HELLO WORLD" columns={14} size="lg" />
</div>
);
}