Production-ready components for Remotion - text animations, backgrounds, transitions, UI blocks, and full scene compositions
A segmented control whose active value is a pure function of the timeline; a raised thumb SLIDES between segments (position + width derived from a float indicator offset, no jumps) and the labels crossfade color via mixOklch. The tabs precedent without content panels.
A tooltip whose hidden/visible state is a pure function of the timeline. The Tooltip renderer is a pure function of a TooltipStyle (opacity, scale, translate); useTooltipTransition eases both the show and the hide. The static `side` prop sets the enter translate axis and the arrow placement.
A continuous typing animation: N dots bounce with a staggered sine wave. A motion atom — it reads the frame and takes color, size, gap, and speed props, defaulting to currentColor so it inherits the bubble it sits in.
Three lines are uncommented one by one in code style: 'Fork the scenes. Change anything. Own the cut.'.
Hold a scene under moving water: every pixel is read through a layered refraction field that closes on a whole number of cycles, with colour fringing where the water bends hardest.
A 10x10 dot grid lights up 33 dots next to a 33 / 100 stat line.
A monospace line is unmasked letter by letter, 'Out of stealth.', the last word in green.
A screenshot zooms close, captioned "Up close, it's code. From here, it's your launch.".
Animated Lucide upload icon — the tray draws on, the arrow fades in, then launches upward with a spring for an upload, publish, or submission beat.
A strip of ticks fills in green while 99.99% uptime types out beside an italic word.
A launch leaderboard climbs and a #1 Product of the Day badge stamps in.
A browser window with a landing page where the cursor clicks the Get started button.
Animated Lucide user icon — draws on, then gives a small presence nod: head dips as shoulders rise to meet it.
Animated Lucide user-plus icon — the figure draws on, then the plus strokes draw in and pop: a new member added.
Animated Lucide users icon — the front figure draws on and pops, then the second figure slides in from behind: the team assembles.
Animated Vercel v0 composer — types a prompt into the dark textarea and the mic button morphs into a send button. Dark/light themes.
Swaps a value in place with a vertical slide — the old value exits up as the new one enters from below while an invisible sizer keeps the width stable.
The outgoing scene splits into horizontal slats that turn edge-on in a staggered ripple, revealing the next scene behind them.
Two circles labelled Design and Code overlap, and the lens fills with the logo.
A dictionary entry for "remocn" with senses, inflections and an example sentence.
A chrome 2.0 version numeral rises inside a glowing ring with Now available beneath.
A diagonal split frames remocn against the old way with stat rows for time, cost and rounds.
Hold a scene under analog tape: chroma bleeds sideways off every edge, rows wobble out of line, the bottom of the frame tears on the head switch, and luma noise settles over all of it.
Animated Lucide video icon — draws on, then the lens wedge pans out and snaps back to its shot.
A video call shares a dashboard while participants send floating emoji reactions.
A video watch page with a player, related list and comments.
A voice agent call transcript streams, handles an interruption and books a table.
Animated Lucide volume-2 icon — the speaker draws on, then the two sound waves ripple outward one after the other.
Animated Lucide volume-x icon — the speaker draws on, then the X slashes in and the glyph shakes off the sound.
Cursors and avatar dots swarm to form an R while the waitlist count rolls up.
A wake-like wipe reveals 'Ship the launch video today.' with a gradient accent word.
A fighter-style name stack, 'The Launch Kid', with a light slash, record and a serif nickname.
Animated Lucide wallet icon — draws on, then the wallet thickens with a quiet x-scale: money in.
A domain-warp shader transition that melts the outgoing scene into a folding color field and straightens back out into the next.
A revenue waterfall steps through gains and losses into a gradient total of $84k MRR.
A headline rises over an aurora waveform line that settles into an underline beneath it.
A grain-gradient wave that sweeps up across the frame, covering the outgoing scene and revealing the next one from below.
Short lines build to "We call it a" and then a big orange "video registry.".
A week-recap line, "Sunday, we rested.", in heavy type on orange.
A large light-weight figure counts up to 6.8 KB as its strokes thin, with a small caps eyebrow.
A wave of font weight travels across a line of text and settles on a highlighted word.
A product dashboard dims behind a What is new modal with a CTA.
A column of claims dims one by one until "You own every file." is highlighted.
A feature tag, "Live preview", leads into a "which means" explanation in teal and white.
A whip-pan transition that flies both scenes through the frame in one move with velocity-based motion blur.
A manifesto of six serif belief paragraphs fills a navy page in columns.
A condensed line stays width-locked while a word swaps, 'Ship the launch video by tonight.'.
An orange window sweeps over 'Old look.' and leaves 'New look, same product.' behind it.