R
riaz37/remotion-ui
ai-composer-showcaseShowcase reel cutting through five AI composer interfaces with title and end cards
ai-generation-canvasPrompt-to-dashboard generation with morphing input, skeleton shimmer, and card flips
animated-bar-chartRanked bar chart scene with a value axis
audiogram-scenePodcast audiogram layout with spectrum bars
auto-fit-titleHeadline sized to the frame it is given, then assembled word by word so any length lands the same way
b-roll-stackDeck of supporting shots dealt one at a time: each rides to the front with its label while the last slides back into the stack
bento-panCamera pan across a bento grid of metric cards
browser-flowURL to browser preview flow
calendar-month-fillMonth grid populating with events
callout-spotlightSpotlight that is aimed: the mask closes from the whole frame onto the target, a ring pings it, then a connector draws out to the callout
caption-bumperBetween-beats card that punches its line in word by word, draws a rule under it, and wipes out when its hold is over
caption-sceneLower-third TikTok-style captions synced to audio
changelog-entryVersion header with categorized change rows
chat-gptChatGPT composer pill with greeting, suggestion chips, and voice-to-send morph
chat-to-previewPrompt-to-render loop: the ask types into the composer and sends into the thread, the answer streams back, and the preview assembles from wireframe to rendered scene
claude-chatClaude composer card with typed prompt and waveform-to-send morph
claude-codeClaude Code terminal welcome screen with CLI prompt typing
code-accordionStepped walkthrough where each section opens, writes its code, is checked off, and closes behind the next
code-diff-wipeDiff patch landing line by line: an apply front travels the file, removals collapse, additions open and write in
code-revealEditor window that writes a syntax-highlighted file character by character, then focuses the lines that matter
comment-calloutViewer comment answered on screen: it lands from the feed, the ask is marked up, the creator hearts it, and the reply is typed and sent
commit-graphBranch/merge graph drawing itself
comparison-tableMulti-column feature matrix
countdown-timerNumeric or ring countdown to zero
creator-reelVertical creator media composition template
dashboard-populateDashboard metrics populate
data-flow-pipesPipeline running end to end: stages come up in order, pipes draw between them, and a stream of payloads hops through, lighting each stage and ticking its tally
data-storyData storytelling composition template
deploy-revealTerminal deploy to browser
device-mockup-zoomCinematic laptop, phone, or browser mockup with staged UI and slow camera pullback
drag-drop-flowCursor drags a file out of a media library into a drop zone that arms, catches it, and uploads it to completion
ecosystem-orbitLogo with orbiting satellites
end-cardOutro built in the order a viewer acts on it: title, button assembling under its label, address typing, channels, one pulse
faq-accordionNarrowed: Q/A text rows expanding
feature-listList being ticked off: each row arrives in turn, its rule draws across, and its check strokes in behind it
file-tree-revealDirectory tree expanding node by node
form-fill-sequenceFields typing and validating in order
hero-device-assembleDevice layers assemble hero
hero-loop12-second seamless-looping website hero composition
hook-cardShort-form opener where the hook rises line by line out of its mask and an underline draws under the promise
image-expandA still opens from a card to full frame, then takes its caption
intro5-second branded intro: chapter marker, headline, topic rail
kanban-moveCards moving across columns
landing-code-showcaseLanding with install commands
live-code-splitEditor on the left, its rendered output live on the right
logo-revealLogo mark draw-on with wordmark and tagline beats
logo-wallClient logo grid, grayscale to color
lower-thirdName plate that plays its whole life: wipes out from the frame edge, settles, holds, then retreats the way it came
map-flightAnimated map flyover with route reveal and markers
media-frameOne piece of media presented: the frame opens like a shutter under a slow push, then the title masks up and the caption settles
media-sequenceEdited run of shots pushed on one after another, with a chapter strip that fills through the item playing
metric-tickerKPI cards that count themselves in
news-ticker-barBroadcast lower ticker with headlines
notification-stackToasts stacking and dismissing
opencodeOpenCode TUI composer with agent and model status
org-chart-buildHierarchy assembling top-down
podcast-clipPodcast clip composition with audio visuals and captions
poll-overlayQuestion with bars filling to results
pricing-cardTier card with price roll and features
pricing-focusPricing tier focus animation
quiz-questionQuestion, options, correct-answer reveal
quote-cardPull quote read aloud: the mark draws, the quote rises line by line, a marker sweeps the phrase, the attribution lands last
reaction-burstNarrowed: hearts/likes rising continuously
roadmap-lanesSwimlanes of shipped/building/planned
search-results-populateQuery typed, results streaming in and ranking
showcaseFull demo reel with TransitionSeries
social-clip9:16 social clip with hook, captions, and CTA
split-screenBefore/after that is actually made: panels meet at the divider, labels land, and the divider can travel across to leave one side whole
sports-scorebugBroadcast score furniture with clock
stat-cardA number landing: the ring fills while the counter rolls, then the label and the change against the last period settle
tab-switch-panelTab bar with cross-fading panels
talking-head-layoutTalking-head clip frame that opens on the speaker, slides a name plate out from behind it, and plays the spoken lines in a reserved caption zone with the waveform reacting
team-gridAvatar grid with role labels on stagger
terminal-simulatorTerminal window that types a command, streams spinner-to-check build steps with timings, then returns the prompt
timeline-stepsProcess walked step by step: the rail draws ahead of a travelling head that lands on each step, works it through a closing ring, then checks it off
title-cardOpening card where each headline line rises out of its own mask and one sweep of light crosses it as it stands
tool-menu-slideTool menu slide-in
tutorial-clipTutorial clip composition for demos and explainers
v0v0 composer with greeting, model chip, project selector, and mic-to-send morph
weather-cardConditions with animated iconography
zoom-pan-frameCamera move on a still driven by focal points, settling before the cut, with an optional label chip