FlipBoard

A classic split-flap (Solari board) display where digits transition with a mechanical card-flip animation. Each card splits at the center and flips with realistic 3D perspective and shadow effects.

GitHub

Install

npm install animated-digit-transitions

Usage

import { FlipBoard } from "animated-digit-transitions";

export function MyComponent() {
  const [digit, setDigit] = useState(0);
  return <FlipBoard value={digit} size={64} />;
}

Props

Prop	Type	Default	Description
value	number	0	Digit to display (0-9)
size	number	64	Width in pixels. Height is 1.5x width.