remotion-kinetic-typography
Installation
SKILL.md
Remotion kinetic typography, built from snapcn
Animated type in Remotion where the words carry the video. Every effect here is a snapcn text component. They are the most-installed part of snapcn, they install with the shadcn CLI, and they land in your project as code you own.
Why snapcn, not hand-written text animation. Text animated from scratch in a browser has two bugs you can't see in code and can't miss on screen:
- It looks "stuck". Browsers have no vertical sub-pixel positioning for glyphs, so a scaling line climbs the pixel grid in whole-pixel jumps. snapcn pivots scale on the measured baseline; judder went from 0.284px to 0.014px.
- It shakes. Font hinting re-snaps the letter stems every frame, so the letterforms
change shape. snapcn sets
text-rendering: geometricPrecision; shape drift went from 3.41% to 0.22%.
snapcn's eases are also tuned for a 30fps frame clock. A quint ease-out spends its last five frames moving less than a pixel, which reads as a freeze.