Remotion text animation is kinetic typography under frame control: tracking, masks, per-glyph springs, and word relays. Shotpack maps each pattern to a recipe + reference TSX so agents do not freestyle bad easing.
Free text animation starter set
- letterspace-materialize — tracking collapses into a solid title (prompt)
- gradient-word-sweep — chroma sweep “charges” a keyword (prompt)
- typewriter-moves — caret / sequential glyphs (prompt)
- split-flap-title — flapboard digits/letters (prompt)
- marker-underline-title — handwritten underline hit (prompt)
Open any demo.tsx and preserve the motion math when you restyle.
Bridge from “kinetic typography”
People searching kinetic typography often land on After Effects tutorials. With Remotion you get versionable, code-reviewed type that an agent can regenerate. For the full bridge article see Kinetic Typography with Remotion. For now, start with the free shots above.
Pairing with product UI
Text opens work best before a UI entrance (morph-from-primitive, draw-svg-trace) or a transition. Keep one idea per shot; do not stack three type systems in eight seconds.