RemotionUI

Slot Roll

Slot Roll text animation for Remotion.

PrimitiveAdvanced

slot-roll30fps · 960×540
Install
$ npx remotion-ui@latest add slot-roll

An 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-ui npm package; it is copied into your project.

Usage

Example
import { SlotRoll } from "@/remotion/primitives/slot-roll"; <SlotRoll from="1200" to="9840" />

API Reference

PropTypeDescription
from*stringStarting characters.
to*stringTarget characters.

On this page