Slot Roll
Slot Roll text animation for Remotion.
PrimitiveAdvanced
slot-roll30fps · 960×540
Install
$ npx remotion-ui@latest add slot-rollAn odometer, not a scramble. Each column owns its own window inside durationInFrames (staggerInFrames frames apart), so the reel settles left to right, and each one walks the glyph pool forwards from its old character to its new one so it decelerates into the answer.
The pool is digits when both from and to are numeric and alphanumeric otherwise: an odometer that rolls through letters is not an odometer. Columns are padded to a common width and rendered monospace so the line cannot shift while it rolls.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/primitives/slot-roll- Use when: frame-level motion primitives and reusable animation wrappers.
- Customize: from, to, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { SlotRoll } from "@/remotion/primitives/slot-roll";
<SlotRoll from="1200" to="9840" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| from* | string | - | Starting characters. |
| to* | string | - | Target characters. |