Animated titles for Remotion
Sixty-six title presets, each one settable in any of twenty-four typefaces and open to its colours, its timing and its size. Written to be composed rather than configured, and every one is deterministic: the same frame renders the same pixels, every time.
Four decisions that took a while to get right, and that you inherit.
Remotion renders frames out of order and the player scrubs backwards. Anything
seeded with Math.random disagrees with itself. The gravity pack
simulates its whole timeline once and then only reads rows; every glitch and
every rain drop takes its randomness from a fixed seed. Two renders of the same
video are byte-identical.
A fixed font size with nowrap cannot know how wide the sentence it
was handed is. These measure, and shrink to fit — down to a floor, because text
that has been shrunk past legibility is a defect nobody sees. Past the floor it
overflows, and overflowing is visible.
Sizes come from min(width, height) / 1080, not from the width. The
same title takes the same share of the frame at 1080×1920, 1080×1350,
1080×1080 and 1920×1080. Scale off the width and everything comes out
half-size the first time you go vertical.
Zero runtime dependencies. What it needs — React, Remotion, matter-js — are peer dependencies you already have. Nothing transitive arrives with it, which is what lets you run it inside a locked-down renderer.
Live in your browser, not pre-rendered video. Filter by typeface to see why the house rule is one family per video.
No free tier and no trial, which is why every title above is moving on this page instead of sitting behind a signup. What you see is the whole of it.
Your credential, and the two lines of .npmrc that
go with it, arrive by email.
.npmrc, and npm i @remonster/titles resolves.