Production-ready components for Remotion - text animations, backgrounds, transitions, UI blocks, and full scene compositions
Lanes race on a shared clock and Remocn finishes first, shown as 12x faster.
A bento grid of mini feature cards builds up and spotlights tiles in turn.
"Remocn is out" with a green "out", thanking the beta testers below.
Words blink in a fixed rhythm before cutting to the logo and a one-line tagline.
A 3D grid of blocks rises like a city skyline while +340% renders counts up.
A block overwrites each line with the next, ending 'Render the launch.' on a gradient pill.
A ring of light blooms outward from the Remocn mark and replaces the scene.
The product wipes left to right into a technical drawing: blueprint grid, white linework, dimension lines with ticks, labels and a red callout.
Words arrive clean and depart upward with increasing blur for airy exits.
A serif headline sharpens out of drifting bokeh lights.
Animated Lucide bookmark icon — draws on, then drops into place from above with a spring landing.
A beam laps the border of a dark card, then reveals 'remocn 2.0' with a logo and description.
A boss HP bar is drained by hits, then 'DEFEATED' slams in beneath 'The old workflow'.
Letters rise from below in a pronounced staircase, one symbol at a time, with zero blur.
The wordmark bounces around the frame like an old DVD logo until it hits the corner.
Camera-viewfinder brackets focus in on a 1.8s render-time value over a dotted grid.
Indexed bracket labels step through words before the brackets close around the product name.
A tournament bracket resolves match by match until remocn is crowned 'CHAMPION'.
A tree branches from one component into many leaves, ending on 48 variants.
An independent 17.9-second identity film with a geometric mark, sliding palette, kinetic type specimens, and original object photography.
Toy bricks drop in row by row from the bottom with a tiny bounce, rebuilding a pixel-art logo on a baseplate.
A browser extension highlights article text and saves a summary to a list.
Variable-width brush ribbons for Remotion. Pressure taper, grain displacement, and spine samplers shared by the ink marks.
Packed bubbles for categories grow around one big gradient bubble reading 420.
"Playing on every screen you ship." with a small broadcast logo bug docking at the bottom.
A button expands into a store card row with product images, prices and status.
Animated Lucide calendar icon — the pad draws on, then the binder rings dip and the page snaps into place.
A cursor picks a time slot and a meeting-scheduled confirmation appears.
A month calendar picks a launch day, tagging dates with small event labels.
Animated Lucide camera icon — draws on, then the lens blinks shut and open like a shutter firing.
Put a scene behind real glass: resolution falls off toward the corners, highlights bloom through the optics, colour fringes at the edges — a screencast that reads as filmed rather than rendered.
Candlesticks rally past a prior high as 'ALL-TIME HIGH' lands beside a price tag.
The html-in-canvas scaffolding the canvas transitions and scene filters share: support detection, a full-screen WebGL2 shader fed either both sides of a cut or the single scene a filter wraps, and routing to a CSS fallback where the browser lacks the API.
The word being spoken turns to the accent colour and springs up in scale, then settles back as the voice moves on.
Each word resolves out of a soft blur the moment it is spoken, for captions that arrive quietly.
Each word springs up into place with a little overshoot the moment it is spoken, and the phrase builds word by word.
The timing engine every caption style shares: pages a timed transcript, finds the word being spoken and how far into it the voice is, and decides when a page leaves the screen.
Each new phrase turns into view as the next face of a 3D cube, the previous phrase rotating up and away on a horizontal hinge.
The whole phrase sits on screen dimmed and each word brightens the moment it is spoken, with no motion at all.
Each word falls into place from above and bounces as it lands the moment it is spoken, and the whole phrase drops out of frame when the speaker pauses.
An emoji pops up above a chosen word the moment it is spoken and stays until the phrase leaves.
Each word is inked in by hand from left to right at the pace it is spoken, every word sitting at its own slight angle.
A solid box travels behind the word being spoken, sliding from word to word as the voice moves on.
Transcript captions where each word fills with colour left to right exactly as it is spoken, the whole phrase readable before the voice reaches it.
A solid plate with the words cut clean through it, each word punching out the moment it is spoken so the footage shows through the letters.
Each phrase is punched letter by letter into a strip of embossing tape at the pace it is spoken, the tape feeding out as the words arrive.
Plain captions where the words that matter get a highlighter swipe the moment they are spoken.
Heavy-stroked captions that stay readable over any footage, with the spoken word switching to a contrast colour and nothing else moving.