Adventureland Registry
Motion / Effects

Redraw (clip reveal)

Handwritten-style reveal via a clip mask that grows left to right.

RemotionRedrawText "draws on" a word by animating a clip-path inset from left to right — cheap, deterministic, and visually indistinguishable from per-glyph path tracing at typical scales. Pair it with a script/handwriting font for a written-by-hand feel.

Installation

npx shadcn@latest add @adv/redraw-text

Usage

import { RemotionRedrawText } from '@adv/motion';

<RemotionRedrawText text="handwritten" startFrame={0} durationFrames={60} fontSize={64} />

Example

On this page