Production-ready components for Remotion - text animations, backgrounds, transitions, UI blocks, and full scene compositions
Word size follows the delivery, so drawn-out words land large and rushed words stay small, and the rhythm of the voice is visible with the sound off.
The whole phrase starts blacked out like a declassified file, and each bar pulls away the moment its word is spoken.
Each word slides up out of a mask at its baseline the moment it is spoken, with no bounce and no scale.
Each word arrives as random glyphs at the moment it is spoken and decodes left to right into the real letters.
Each word arrives cut in two, the top half sliding in from the left and the bottom from the right, locking together the moment it is spoken.
One short line at a time, each new phrase rolling up into place as the previous one rolls out the top.
Dialogue captions where every phrase takes its speaker's colour, so a conversation reads like a script.
Every letter sits on its own flap tile and clatters through a few characters before landing the moment the word is spoken, like a station departure board.
Kinetic captions stacked a couple of words per line, with the keyword of each page set large on its own line.
Plain captions where the words that matter slam down as a rubber stamp the moment they are spoken.
Classic broadcast subtitles, a whole phrase on a translucent plate, with no word-level animation at all.
The whole transcript scrolls smoothly through a short window with the current line centred, past lines fading above and the next line waiting below.
The whole transcript laid out on a scrolling time strip that slides under a fixed playhead, so every pause shows up as space between words.
Each word types out character by character at the pace it is spoken, with a caret that blinks while the speaker pauses.
A bar slides under the word being spoken, travelling from word to word while the text itself stays untouched.
The word being spoken swells from a light weight to a heavy one and relaxes as the voice moves on, with no layout shift.
One large word at a time, each popping in on a spring the moment it is spoken.
A phone app issues a yellow debit card and flips through color options.
Colourful format cards fan out of a stack with a "Your top formats" caption.
A prompt card with a slash command pushes forward as its text line types.
A card swipes across and covers the frame to reveal a grid of launch-kit cards.
The typing caret in a prompt box collapses into the next scene.
A prompt box types a request while the camera dollies along the caret.
A blinking caret types a word and turns into its letter l: 'launch'.
A gradient caret swells into a block that consumes the first phrase right-to-left, collapses back and types the second phrase out with a blinking caret.
Sweep a typing caret across the frame, wiping the outgoing scene into the next.
A big counter reaches 13,580 with a small caption, "scenes students built in week one".
A shop page picks a color and size, then a cart drawer slides in with Checkout.
A headline flips letter by letter from lower to upper and back to its final casing.
A grid of dots doubles by cell division up to a count of 64.
Words appear sharply from below while the centered phrase pushes cumulatively closer on every beat, then clears through a soft left-to-right opacity wipe.
A big serif pull quote, "The only tool I use now.", with a solo-founder attribution.
A changelog list scrolls and one row enlarges into a highlighted headline entry.
A team chat channel where a launch message collects emoji reactions and replies.
Scattered windows, notes and toasts drop in, then snap into an organized issue tracker.
A line chart with an area fill morphs between points up to a 46k value.
Animated ChatGPT composer — types a prompt into the pill input, the blue voice button morphs into a send button, and the suggestion chips fade out. Light/dark themes.
Two-column layout where chat shrinks and preview expands.
Animated Lucide check icon — the stroke draws on, then stamps with a spring pop to mark a step, task, or claim as done.
Animated Lucide circle-check icon — the ring draws clockwise, the checkmark traces in, then the whole mark pops to confirm a completed or successful state.
A handwritten checklist that writes itself out in full, then ticks and strikes through every done item, one at a time.
Animated Lucide chevron-down icon — draws on, then nudges downward with a fading echo.
Animated Lucide chevron-left icon — draws on, then nudges left with a fading echo.
Animated Lucide chevron-right icon — draws on, then nudges right with a fading echo.
A giant gradient chevron frames a big +312% with a serif caption underneath.
Animated Lucide chevron-up icon — draws on, then nudges upward with a fading echo.
Chords link a ring of integration names around a glowing center that reads "Connects to everything".
A teal "Captions does all of that." folds the chore away, "You just talk." beneath.