Animations & Motion
Slot Machine
Split-flap display effect with characters flipping into place.
textanimationslotflipmachine
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
text | string | JACKPOT | Text to display |
backgroundColor | string | bg-zinc-950 | Background color of the component |
textColor | string | text-amber-300 | Color of the text |
textSize | string | text-8xl md:text-9xl | Size of the text |
delayMultiplier | number | 0.1 | Delay multiplier per character |
duration | number | 0.8 | Animation duration in seconds |
ease | number[] | [0.16, 1, 0.3, 1] | Easing function values |
oldCharColor | string | text-zinc-700 | Color of the old character |
className | string | Additional CSS classes |