sh4dcnv2 · atlas
← libraries

@remotionui

Copy-paste motion components for Remotion video projects - 200 captions, charts, transitions, backgrounds, and full compositions.

235 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://remotionui.com/r/index.json
pnpm pnpm dlx shadcn@latest add https://remotionui.com/r/index.json
bun bunx shadcn@latest add https://remotionui.com/r/index.json
fetch registry curl -s https://remotionui.com/r/index.json

Components

235 total
timing lib

Frame timing helpers and enter easing

npx shadcn@latest add https://remotionui.com/r/timing.json
springs lib

Default spring configurations

npx shadcn@latest add https://remotionui.com/r/springs.json
transition-timing lib

Shared TransitionSeries timing helpers and layered progress curves

npx shadcn@latest add https://remotionui.com/r/transition-timing.json
ai-composer-utils lib

Shared typewriter, caret, morph, and intro helpers for AI composer scenes

npx shadcn@latest add https://remotionui.com/r/ai-composer-utils.json
code-syntax lib

Syntax tokenizer, editor palettes, and revealable code line renderer for the code scenes

npx shadcn@latest add https://remotionui.com/r/code-syntax.json
text-emphasis lib

Word-level phrase matching and marker geometry for scenes that sweep emphasis across text

npx shadcn@latest add https://remotionui.com/r/text-emphasis.json
motion-tokens lib

Named motion duration and stagger tokens

npx shadcn@latest add https://remotionui.com/r/motion-tokens.json
gpu lib

WebGL2 fragment-shader effect factory for GPU primitives

npx shadcn@latest add https://remotionui.com/r/gpu.json
layout lib

Format-agnostic layout helpers

npx shadcn@latest add https://remotionui.com/r/layout.json
motion-wrapper lib

Inline wrapper for enter/exit animations (avoids AbsoluteFill overlap)

npx shadcn@latest add https://remotionui.com/r/motion-wrapper.json
motion-primitive lib

Enter/exit motion contract shared by the animation primitives — opacity leads, exits are shorter, and a bounded Sequence times the exit itself

npx shadcn@latest add https://remotionui.com/r/motion-primitive.json
use-stagger hook

Hook for staggered child delays

npx shadcn@latest add https://remotionui.com/r/use-stagger.json
fade-in ui

Opacity-only entrance, with an exit that lands on the end of its sequence

npx shadcn@latest add https://remotionui.com/r/fade-in.json
fade-out ui

Held exit that accelerates away, timed to the last frame of its sequence by default

npx shadcn@latest add https://remotionui.com/r/fade-out.json
slide-up ui

Rise into place, with an optional mask reveal and automatic exit

npx shadcn@latest add https://remotionui.com/r/slide-up.json
slide-left ui

Slide in from either side, with an optional mask reveal and automatic exit

npx shadcn@latest add https://remotionui.com/r/slide-left.json
scale-in ui

Grow into place from just under full size, with an optional spring and exit

npx shadcn@latest add https://remotionui.com/r/scale-in.json
typewriter ui

Typewriter reveal with rhythm, pauses, looping, and a caret that only blinks at rest

npx shadcn@latest add https://remotionui.com/r/typewriter.json
counter ui

Animated number with grouping, decimals, odometer digit roll and a reserved width

npx shadcn@latest add https://remotionui.com/r/counter.json
blur-in ui

Resolve out of a defocus — blur clears before the move lands

npx shadcn@latest add https://remotionui.com/r/blur-in.json
spring-in ui

Spring-driven scale and rise, with snappy, smooth and bouncy presets

npx shadcn@latest add https://remotionui.com/r/spring-in.json
stagger-children ui

Offset children onto their own sequences, in forward, reverse, centre or edge order, in and out

npx shadcn@latest add https://remotionui.com/r/stagger-children.json
marker-highlight ui

Highlighter stroke swept word by word across a phrase, with marker, knockout, underline and box variants

npx shadcn@latest add https://remotionui.com/r/marker-highlight.json
progress-bar ui

Inline progress bar with determinate and indeterminate modes, segments and a value readout

npx shadcn@latest add https://remotionui.com/r/progress-bar.json
rotate-in ui

Swing into place in plane or hinged in depth on the x/y axis

npx shadcn@latest add https://remotionui.com/r/rotate-in.json
transition-fade ui

Crossfade between scenes, or dip the cut through a colour

npx shadcn@latest add https://remotionui.com/r/transition-fade.json
transition-slide ui

Slide transition helper for TransitionSeries

npx shadcn@latest add https://remotionui.com/r/transition-slide.json
lower-third block

Name plate that plays its whole life: wipes out from the frame edge, settles, holds, then retreats the way it came

npx shadcn@latest add https://remotionui.com/r/lower-third.json
title-card block

Opening card where each headline line rises out of its own mask and one sweep of light crosses it as it stands

npx shadcn@latest add https://remotionui.com/r/title-card.json
feature-list block

List being ticked off: each row arrives in turn, its rule draws across, and its check strokes in behind it

npx shadcn@latest add https://remotionui.com/r/feature-list.json
stat-card block

A number landing: the ring fills while the counter rolls, then the label and the change against the last period settle

npx shadcn@latest add https://remotionui.com/r/stat-card.json
quote-card block

Pull quote read aloud: the mark draws, the quote rises line by line, a marker sweeps the phrase, the attribution lands last

npx shadcn@latest add https://remotionui.com/r/quote-card.json
end-card block

Outro built in the order a viewer acts on it: title, button assembling under its label, address typing, channels, one pulse

npx shadcn@latest add https://remotionui.com/r/end-card.json
intro block

5-second branded intro: chapter marker, headline, topic rail

npx shadcn@latest add https://remotionui.com/r/intro.json
showcase block

Full demo reel with TransitionSeries

npx shadcn@latest add https://remotionui.com/r/showcase.json
hero-loop block

12-second seamless brand ident: the RemotionUI logo animated from its own parts over the site's phosphor light, with a transparent variant

npx shadcn@latest add https://remotionui.com/r/hero-loop.json
caption-utils lib

Caption page grouping and word-active helpers

npx shadcn@latest add https://remotionui.com/r/caption-utils.json
audio-viz-utils lib

Windowed audio spectrum helpers

npx shadcn@latest add https://remotionui.com/r/audio-viz-utils.json
map-utils lib

MapLibre and Turf geospatial helpers

npx shadcn@latest add https://remotionui.com/r/map-utils.json
path-utils lib

SVG path measuring, sampling, auto-fit and waypoint helpers

npx shadcn@latest add https://remotionui.com/r/path-utils.json
caption-highlight ui

TikTok-style word-by-word caption highlight

npx shadcn@latest add https://remotionui.com/r/caption-highlight.json
audiogram-bars ui

Audio-reactive spectrum bar visualization

npx shadcn@latest add https://remotionui.com/r/audiogram-bars.json
path-draw ui

SVG stroke reveal with auto-fit framing, multi-path stagger and a drawing head

npx shadcn@latest add https://remotionui.com/r/path-draw.json
map-canvas ui

Deterministic MapLibre map mount

npx shadcn@latest add https://remotionui.com/r/map-canvas.json
map-route ui

Animated GeoJSON route line on a map

npx shadcn@latest add https://remotionui.com/r/map-route.json
map-markers ui

GeoJSON circle and label markers on a map

npx shadcn@latest add https://remotionui.com/r/map-markers.json
transition-wipe ui

Wipe transition helper for TransitionSeries

npx shadcn@latest add https://remotionui.com/r/transition-wipe.json
transition-clock-wipe ui

Clock sweep that reads the composition size itself

npx shadcn@latest add https://remotionui.com/r/transition-clock-wipe.json
transition-light-leak ui

Film flare overlay that peaks on the cut and hides the seam under it

npx shadcn@latest add https://remotionui.com/r/transition-light-leak.json
blur-reveal ui

Cut where the outgoing scene softens away and the incoming one resolves out of blur

npx shadcn@latest add https://remotionui.com/r/blur-reveal.json
grid-pixelate-wipe ui

Reveal where the next scene arrives one grid cell at a time

npx shadcn@latest add https://remotionui.com/r/grid-pixelate-wipe.json
frosted-glass-wipe ui

A pane of frosted glass crosses the frame and leaves the next scene behind it

npx shadcn@latest add https://remotionui.com/r/frosted-glass-wipe.json
directional-wipe ui

Soft-edged wipe that uncovers the next scene without exposing the background

npx shadcn@latest add https://remotionui.com/r/directional-wipe.json
spatial-push ui

Push where both scenes travel locked edge to edge across the frame

npx shadcn@latest add https://remotionui.com/r/spatial-push.json
chromatic-aberration-wipe ui

Slide that pulls the colour channels apart at its fastest point and recombines them on landing

npx shadcn@latest add https://remotionui.com/r/chromatic-aberration-wipe.json
zoom-through ui

Camera push-through: one scene drives past the lens, the next lands out of the same move

npx shadcn@latest add https://remotionui.com/r/zoom-through.json
mesh-gradient-bg ui

Living mesh gradient blob background

npx shadcn@latest add https://remotionui.com/r/mesh-gradient-bg.json
dynamic-grid ui

Subtle drifting dot and line grid background

npx shadcn@latest add https://remotionui.com/r/dynamic-grid.json
simulated-cursor ui

Frame-timed cursor with press, click ripples, hit targets and labels

npx shadcn@latest add https://remotionui.com/r/simulated-cursor.json
confetti-burst ui

Frame-driven confetti burst overlay

npx shadcn@latest add https://remotionui.com/r/confetti-burst.json
device-mockup-zoom block

Cinematic laptop, phone, or browser mockup with staged UI and slow camera pullback

npx shadcn@latest add https://remotionui.com/r/device-mockup-zoom.json
caption-scene block

Lower-third TikTok-style captions synced to audio

npx shadcn@latest add https://remotionui.com/r/caption-scene.json
audiogram-scene block

Podcast audiogram layout with spectrum bars

npx shadcn@latest add https://remotionui.com/r/audiogram-scene.json
logo-reveal block

Logo mark draw-on with wordmark and tagline beats

npx shadcn@latest add https://remotionui.com/r/logo-reveal.json
map-flight block

Animated map flyover with route reveal and markers

npx shadcn@latest add https://remotionui.com/r/map-flight.json
auto-fit-title block

Headline sized to the frame it is given, then assembled word by word so any length lands the same way

npx shadcn@latest add https://remotionui.com/r/auto-fit-title.json
social-clip block

9:16 social clip with hook, captions, and CTA

npx shadcn@latest add https://remotionui.com/r/social-clip.json
media-utils lib

Media item timing and fit helpers

npx shadcn@latest add https://remotionui.com/r/media-utils.json
chart-utils lib

Chart scaling and SVG path helpers

npx shadcn@latest add https://remotionui.com/r/chart-utils.json
text-fit-utils lib

Safe headline fitting helpers

npx shadcn@latest add https://remotionui.com/r/text-fit-utils.json
waveform-line ui

Audio waveform line visualization

npx shadcn@latest add https://remotionui.com/r/waveform-line.json
audio-pulse ui

Audio-reactive pulse rings

npx shadcn@latest add https://remotionui.com/r/audio-pulse.json
karaoke-captions ui

Active-word karaoke caption styling

npx shadcn@latest add https://remotionui.com/r/karaoke-captions.json
line-chart-draw ui

SVG line chart that draws itself on

npx shadcn@latest add https://remotionui.com/r/line-chart-draw.json
cursor-path ui

Cursor travelling a path with drawn trail and click ripples

npx shadcn@latest add https://remotionui.com/r/cursor-path.json
media-frame block

One piece of media presented: the frame opens like a shutter under a slow push, then the title masks up and the caption settles

npx shadcn@latest add https://remotionui.com/r/media-frame.json
media-sequence block

Edited run of shots pushed on one after another, with a chapter strip that fills through the item playing

npx shadcn@latest add https://remotionui.com/r/media-sequence.json
split-screen block

Before/after that is actually made: panels meet at the divider, labels land, and the divider can travel across to leave one side whole

npx shadcn@latest add https://remotionui.com/r/split-screen.json
b-roll-stack block

Deck of supporting shots dealt one at a time: each rides to the front with its label while the last slides back into the stack

npx shadcn@latest add https://remotionui.com/r/b-roll-stack.json
caption-bumper block

Between-beats card that punches its line in word by word, draws a rule under it, and wipes out when its hold is over

npx shadcn@latest add https://remotionui.com/r/caption-bumper.json
animated-bar-chart block

Ranked bar chart scene with a value axis

npx shadcn@latest add https://remotionui.com/r/animated-bar-chart.json
metric-ticker block

KPI cards that count themselves in

npx shadcn@latest add https://remotionui.com/r/metric-ticker.json
timeline-steps block

Process 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

npx shadcn@latest add https://remotionui.com/r/timeline-steps.json
callout-spotlight block

Spotlight 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

npx shadcn@latest add https://remotionui.com/r/callout-spotlight.json
zoom-pan-frame block

Camera move on a still driven by focal points, settling before the cut, with an optional label chip

npx shadcn@latest add https://remotionui.com/r/zoom-pan-frame.json
code-reveal block

Editor window that writes a syntax-highlighted file character by character, then focuses the lines that matter

npx shadcn@latest add https://remotionui.com/r/code-reveal.json
hook-card block

Short-form opener where the hook rises line by line out of its mask and an underline draws under the promise

npx shadcn@latest add https://remotionui.com/r/hook-card.json
talking-head-layout block

Talking-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 wavef…

npx shadcn@latest add https://remotionui.com/r/talking-head-layout.json
comment-callout block

Viewer 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

npx shadcn@latest add https://remotionui.com/r/comment-callout.json
tutorial-clip block

Tutorial clip composition for demos and explainers

npx shadcn@latest add https://remotionui.com/r/tutorial-clip.json
data-story block

Data storytelling composition template

npx shadcn@latest add https://remotionui.com/r/data-story.json
creator-reel block

Vertical creator media composition template

npx shadcn@latest add https://remotionui.com/r/creator-reel.json
podcast-clip block

Podcast clip composition with audio visuals and captions

npx shadcn@latest add https://remotionui.com/r/podcast-clip.json
blur-focus-in ui

Text fades from heavy blur into sharp focus

npx shadcn@latest add https://remotionui.com/r/blur-focus-in.json
staggered-fade-up ui

Words rise with cascading fade-up stagger

npx shadcn@latest add https://remotionui.com/r/staggered-fade-up.json
masked-slide-reveal ui

Words slide up through a horizontal mask

npx shadcn@latest add https://remotionui.com/r/masked-slide-reveal.json
tracking-in ui

Letter-spacing collapses with spring snap

npx shadcn@latest add https://remotionui.com/r/tracking-in.json
light-sweep-text ui

Light gradient sweeps across dim text

npx shadcn@latest add https://remotionui.com/r/light-sweep-text.json
slot-roll ui

Characters roll like a slot reel into place

npx shadcn@latest add https://remotionui.com/r/slot-roll.json
matrix-decode ui

Scramble resolves left-to-right into target text

npx shadcn@latest add https://remotionui.com/r/matrix-decode.json
rgb-glitch-text ui

Signal-lock RGB glitch text with channel splits, slices, and scanlines

npx shadcn@latest add https://remotionui.com/r/rgb-glitch-text.json
infinite-marquee ui

Endlessly scrolling horizontal text band

npx shadcn@latest add https://remotionui.com/r/infinite-marquee.json
perspective-marquee ui

Marquee tilted in 3D with depth fade

npx shadcn@latest add https://remotionui.com/r/perspective-marquee.json
strikethrough-replace ui

Strikes out one phrase and puts another in its place, on a three-beat correction timeline

npx shadcn@latest add https://remotionui.com/r/strikethrough-replace.json
terminal-simulator block

Terminal window that types a command, streams spinner-to-check build steps with timings, then returns the prompt

npx shadcn@latest add https://remotionui.com/r/terminal-simulator.json
code-accordion block

Stepped walkthrough where each section opens, writes its code, is checked off, and closes behind the next

npx shadcn@latest add https://remotionui.com/r/code-accordion.json
code-diff-wipe block

Diff patch landing line by line: an apply front travels the file, removals collapse, additions open and write in

npx shadcn@latest add https://remotionui.com/r/code-diff-wipe.json
data-flow-pipes block

Pipeline 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

npx shadcn@latest add https://remotionui.com/r/data-flow-pipes.json
drag-drop-flow block

Cursor drags a file out of a media library into a drop zone that arms, catches it, and uploads it to completion

npx shadcn@latest add https://remotionui.com/r/drag-drop-flow.json
chat-to-preview block

Prompt-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…

npx shadcn@latest add https://remotionui.com/r/chat-to-preview.json
hero-device-assemble block

Device layers assemble hero

npx shadcn@latest add https://remotionui.com/r/hero-device-assemble.json
ecosystem-orbit block

Logo with orbiting satellites

npx shadcn@latest add https://remotionui.com/r/ecosystem-orbit.json
bento-pan block

Camera pan across a bento grid of metric cards

npx shadcn@latest add https://remotionui.com/r/bento-pan.json
browser-flow block

URL to browser preview flow

npx shadcn@latest add https://remotionui.com/r/browser-flow.json
ai-generation-canvas block

Prompt-to-dashboard generation with morphing input, skeleton shimmer, and card flips

npx shadcn@latest add https://remotionui.com/r/ai-generation-canvas.json
ai-composer-showcase block

Showcase reel cutting through five AI composer interfaces with title and end cards

npx shadcn@latest add https://remotionui.com/r/ai-composer-showcase.json
live-code-split block

Editor on the left, its rendered output live on the right

npx shadcn@latest add https://remotionui.com/r/live-code-split.json
deploy-reveal block

Terminal deploy to browser

npx shadcn@latest add https://remotionui.com/r/deploy-reveal.json
dashboard-populate block

Dashboard metrics populate

npx shadcn@latest add https://remotionui.com/r/dashboard-populate.json
pricing-focus block

Pricing tier focus animation

npx shadcn@latest add https://remotionui.com/r/pricing-focus.json
landing-code-showcase block

Landing with install commands

npx shadcn@latest add https://remotionui.com/r/landing-code-showcase.json
tool-menu-slide block

Tool menu slide-in

npx shadcn@latest add https://remotionui.com/r/tool-menu-slide.json
image-expand block

A still opens from a card to full frame, then takes its caption

npx shadcn@latest add https://remotionui.com/r/image-expand.json
claude-chat block

Claude composer card with typed prompt and waveform-to-send morph

npx shadcn@latest add https://remotionui.com/r/claude-chat.json
chat-gpt block

ChatGPT composer pill with greeting, suggestion chips, and voice-to-send morph

npx shadcn@latest add https://remotionui.com/r/chat-gpt.json
v0 block

v0 composer with greeting, model chip, project selector, and mic-to-send morph

npx shadcn@latest add https://remotionui.com/r/v0.json
claude-code block

Claude Code terminal welcome screen with CLI prompt typing

npx shadcn@latest add https://remotionui.com/r/claude-code.json
opencode block

OpenCode TUI composer with agent and model status

npx shadcn@latest add https://remotionui.com/r/opencode.json
text-split lib

Split a string into chars, words or lines with staggered per-unit timing

npx shadcn@latest add https://remotionui.com/r/text-split.json
path-morph lib

Cached SVG path morphing with winding alignment and box fitting

npx shadcn@latest add https://remotionui.com/r/path-morph.json
displacement-transition lib

Frame maths for displacement-map and shape-mask transitions

npx shadcn@latest add https://remotionui.com/r/displacement-transition.json
displacement-presentation lib

Shared TransitionSeries presentation for warp and shape-mask cuts

npx shadcn@latest add https://remotionui.com/r/displacement-presentation.json
sample-media lib

Placeholder stills, captions, and audio for composition defaults

npx shadcn@latest add https://remotionui.com/r/sample-media.json
split-text-chars ui

Split text into chars, words or lines and stagger them in

npx shadcn@latest add https://remotionui.com/r/split-text-chars.json
audio-reactive-scale ui

Scales any child by per-frame audio amplitude

npx shadcn@latest add https://remotionui.com/r/audio-reactive-scale.json
srt-caption-track ui

Renders a caption track straight from an SRT or WebVTT file

npx shadcn@latest add https://remotionui.com/r/srt-caption-track.json
transition-circle-reveal ui

Circular mask that opens from any point onto the next scene

npx shadcn@latest add https://remotionui.com/r/transition-circle-reveal.json
transition-card-flip ui

Whole-frame 3D flip that hands off on backface culling

npx shadcn@latest add https://remotionui.com/r/transition-card-flip.json
transition-blinds ui

Staggered slats sweeping open to reveal the next scene

npx shadcn@latest add https://remotionui.com/r/transition-blinds.json
transition-whip-pan ui

Fast pan with directional motion blur along the travel axis

npx shadcn@latest add https://remotionui.com/r/transition-whip-pan.json
transition-morph-shape ui

Reveal through a shape that morphs as it grows across the frame

npx shadcn@latest add https://remotionui.com/r/transition-morph-shape.json
transition-liquid-warp ui

Liquid displacement warp that stirs one scene into the next

npx shadcn@latest add https://remotionui.com/r/transition-liquid-warp.json
skew-in ui

Skew + translate, editorial feel

npx shadcn@latest add https://remotionui.com/r/skew-in.json
scramble-text ui

Random-glyph scramble resolving per character

npx shadcn@latest add https://remotionui.com/r/scramble-text.json
text-mask-video ui

Video or gradient showing through letterforms

npx shadcn@latest add https://remotionui.com/r/text-mask-video.json
handwriting-text ui

Takes a string and strokes it on

npx shadcn@latest add https://remotionui.com/r/handwriting-text.json
stroke-to-fill-text ui

Outline text filling solid

npx shadcn@latest add https://remotionui.com/r/stroke-to-fill-text.json
variable-font-morph ui

Animates weight/width axes of a variable font

npx shadcn@latest add https://remotionui.com/r/variable-font-morph.json
liquid-text-morph ui

Letterforms morphing between two words

npx shadcn@latest add https://remotionui.com/r/liquid-text-morph.json
wave-text ui

Per-character sine displacement

npx shadcn@latest add https://remotionui.com/r/wave-text.json
neon-flicker-text ui

Neon sign flicker and settle

npx shadcn@latest add https://remotionui.com/r/neon-flicker-text.json
aurora-bg ui

Drifting light ribbons

npx shadcn@latest add https://remotionui.com/r/aurora-bg.json
particle-field ui

Ambient drifting particles with depth

npx shadcn@latest add https://remotionui.com/r/particle-field.json
topographic-lines-bg ui

Contour lines drifting

npx shadcn@latest add https://remotionui.com/r/topographic-lines-bg.json
caustics-bg ui

Underwater light caustics

npx shadcn@latest add https://remotionui.com/r/caustics-bg.json
animated-noise-grain ui

Film grain overlay

npx shadcn@latest add https://remotionui.com/r/animated-noise-grain.json
light-rays ui

Volumetric god rays drifting across the stage

npx shadcn@latest add https://remotionui.com/r/light-rays.json
parallax-layers ui

Depth-offset layers on one driver

npx shadcn@latest add https://remotionui.com/r/parallax-layers.json
shake-emphasis ui

Short impact shake

npx shadcn@latest add https://remotionui.com/r/shake-emphasis.json
glow-pulse ui

Rhythmic glow for CTAs and live indicators

npx shadcn@latest add https://remotionui.com/r/glow-pulse.json
motion-trail ui

Echo trails behind a moving element

npx shadcn@latest add https://remotionui.com/r/motion-trail.json
squash-stretch ui

The animation principle as a primitive

npx shadcn@latest add https://remotionui.com/r/squash-stretch.json
orbit-motion ui

Element orbiting a center point

npx shadcn@latest add https://remotionui.com/r/orbit-motion.json
depth-of-field-blur ui

Rack focus between layers

npx shadcn@latest add https://remotionui.com/r/depth-of-field-blur.json
scanline-crt ui

CRT scanlines and curvature overlay

npx shadcn@latest add https://remotionui.com/r/scanline-crt.json
bar-chart-race ui

Ranked bars reorder over time

npx shadcn@latest add https://remotionui.com/r/bar-chart-race.json
donut-chart ui

Multi-segment donut with labels

npx shadcn@latest add https://remotionui.com/r/donut-chart.json
pie-slice-reveal ui

Slices sweep in sequentially

npx shadcn@latest add https://remotionui.com/r/pie-slice-reveal.json
scatter-plot-pop ui

Points pop in on stagger, optional trend line

npx shadcn@latest add https://remotionui.com/r/scatter-plot-pop.json
bubble-chart-pack ui

Circle-packed values settling into place

npx shadcn@latest add https://remotionui.com/r/bubble-chart-pack.json
gauge-dial ui

Needle sweeps to target

npx shadcn@latest add https://remotionui.com/r/gauge-dial.json
sparkline-row ui

Compact trend lines that read at small sizes

npx shadcn@latest add https://remotionui.com/r/sparkline-row.json
heatmap-grid ui

Cell grid filling by intensity, contribution-graph style

npx shadcn@latest add https://remotionui.com/r/heatmap-grid.json
comparison-bars ui

Two-series before/after with delta callout

npx shadcn@latest add https://remotionui.com/r/comparison-bars.json
funnel-chart ui

Stage bars narrowing with drop-off percentages

npx shadcn@latest add https://remotionui.com/r/funnel-chart.json
radar-chart ui

Multi-axis spider chart drawing its polygon

npx shadcn@latest add https://remotionui.com/r/radar-chart.json
treemap-blocks ui

Nested rectangles sized by value

npx shadcn@latest add https://remotionui.com/r/treemap-blocks.json
waterfall-chart ui

Cumulative bridge with positive/negative steps

npx shadcn@latest add https://remotionui.com/r/waterfall-chart.json
stacked-area-chart ui

Multiple series stacking as they draw on

npx shadcn@latest add https://remotionui.com/r/stacked-area-chart.json
candlestick-chart ui

OHLC financial series

npx shadcn@latest add https://remotionui.com/r/candlestick-chart.json
gantt-timeline ui

Date-scaled schedule bars

npx shadcn@latest add https://remotionui.com/r/gantt-timeline.json
word-pop-captions ui

Narrowed: one word at a time, alone on frame

npx shadcn@latest add https://remotionui.com/r/word-pop-captions.json
caption-emoji-beat ui

Emoji punctuation landing on beats

npx shadcn@latest add https://remotionui.com/r/caption-emoji-beat.json
speaker-label-captions ui

Narrowed: multi-speaker caption track with name tags and color coding

npx shadcn@latest add https://remotionui.com/r/speaker-label-captions.json
transcript-scroll ui

Full readable transcript scrolling with the active line marked

npx shadcn@latest add https://remotionui.com/r/transcript-scroll.json
subtitle-translate ui

Dual-language stacked subtitles

npx shadcn@latest add https://remotionui.com/r/subtitle-translate.json
waveform-bars-radial ui

Circular bars around a center element

npx shadcn@latest add https://remotionui.com/r/waveform-bars-radial.json
vu-meter ui

Segmented level meter with peak hold

npx shadcn@latest add https://remotionui.com/r/vu-meter.json
voice-note-bubble ui

Chat-style audio message with waveform and playhead

npx shadcn@latest add https://remotionui.com/r/voice-note-bubble.json
beat-pulse-grid ui

Grid cells pulsing on detected beats

npx shadcn@latest add https://remotionui.com/r/beat-pulse-grid.json
audio-scrubber ui

Waveform with traveling playhead and time labels

npx shadcn@latest add https://remotionui.com/r/audio-scrubber.json
poll-overlay block

Question with bars filling to results

npx shadcn@latest add https://remotionui.com/r/poll-overlay.json
reaction-burst block

Narrowed: hearts/likes rising continuously

npx shadcn@latest add https://remotionui.com/r/reaction-burst.json
countdown-timer block

Numeric or ring countdown to zero

npx shadcn@latest add https://remotionui.com/r/countdown-timer.json
sports-scorebug block

Broadcast score furniture with clock

npx shadcn@latest add https://remotionui.com/r/sports-scorebug.json
news-ticker-bar block

Broadcast lower ticker with headlines

npx shadcn@latest add https://remotionui.com/r/news-ticker-bar.json
form-fill-sequence block

Fields typing and validating in order

npx shadcn@latest add https://remotionui.com/r/form-fill-sequence.json
notification-stack block

Toasts stacking and dismissing

npx shadcn@latest add https://remotionui.com/r/notification-stack.json
tab-switch-panel block

Tab bar with cross-fading panels

npx shadcn@latest add https://remotionui.com/r/tab-switch-panel.json
search-results-populate block

Query typed, results streaming in and ranking

npx shadcn@latest add https://remotionui.com/r/search-results-populate.json
file-tree-reveal block

Directory tree expanding node by node

npx shadcn@latest add https://remotionui.com/r/file-tree-reveal.json
kanban-move block

Cards moving across columns

npx shadcn@latest add https://remotionui.com/r/kanban-move.json
commit-graph block

Branch/merge graph drawing itself

npx shadcn@latest add https://remotionui.com/r/commit-graph.json
comparison-table block

Multi-column feature matrix

npx shadcn@latest add https://remotionui.com/r/comparison-table.json
pricing-card block

Tier card with price roll and features

npx shadcn@latest add https://remotionui.com/r/pricing-card.json
faq-accordion block

Narrowed: Q/A text rows expanding

npx shadcn@latest add https://remotionui.com/r/faq-accordion.json
team-grid block

Avatar grid with role labels on stagger

npx shadcn@latest add https://remotionui.com/r/team-grid.json
logo-wall block

Client logo grid, grayscale to color

npx shadcn@latest add https://remotionui.com/r/logo-wall.json
changelog-entry block

Version header with categorized change rows

npx shadcn@latest add https://remotionui.com/r/changelog-entry.json
roadmap-lanes block

Swimlanes of shipped/building/planned

npx shadcn@latest add https://remotionui.com/r/roadmap-lanes.json
org-chart-build block

Hierarchy assembling top-down

npx shadcn@latest add https://remotionui.com/r/org-chart-build.json
quiz-question block

Question, options, correct-answer reveal

npx shadcn@latest add https://remotionui.com/r/quiz-question.json
weather-card block

Conditions with animated iconography

npx shadcn@latest add https://remotionui.com/r/weather-card.json
calendar-month-fill block

Month grid populating with events

npx shadcn@latest add https://remotionui.com/r/calendar-month-fill.json
arrow-annotate ui

Hand-drawn arrow pointing at a target

npx shadcn@latest add https://remotionui.com/r/arrow-annotate.json
badge-stamp ui

Stamp/seal impact with rotation settle

npx shadcn@latest add https://remotionui.com/r/badge-stamp.json
shape-morph ui

Path interpolation between two shapes

npx shadcn@latest add https://remotionui.com/r/shape-morph.json
blob-morph ui

Organic blob continuously morphing

npx shadcn@latest add https://remotionui.com/r/blob-morph.json
dashed-path-travel ui

Narrowed: any element traveling any path with a dashed trail

npx shadcn@latest add https://remotionui.com/r/dashed-path-travel.json
connector-lines ui

Narrowed: primitive that draws edges between anchored elements

npx shadcn@latest add https://remotionui.com/r/connector-lines.json
svg-mask-reveal ui

Arbitrary SVG shape as a reveal mask

npx shadcn@latest add https://remotionui.com/r/svg-mask-reveal.json
map-heat-overlay ui

Density overlay fading in over the basemap

npx shadcn@latest add https://remotionui.com/r/map-heat-overlay.json
globe-arc ui

Arcs between points on a globe

npx shadcn@latest add https://remotionui.com/r/globe-arc.json
multi-device-lineup ui

Phone + tablet + laptop showing one responsive design

npx shadcn@latest add https://remotionui.com/r/multi-device-lineup.json
device-mockup-3d block

Laptop product shot in real 3D: lid opens, then a turn and push-in over a lit floor

npx shadcn@latest add https://remotionui.com/r/device-mockup-3d.json
paper-shader lib

Deterministic frame driver and first-draw gate for Paper shader fields

npx shadcn@latest add https://remotionui.com/r/paper-shader.json
light-tunnel-bg ui

Flight down a twisting barrel of light with a defocused vanishing point

npx shadcn@latest add https://remotionui.com/r/light-tunnel-bg.json
text-reveal-shader ui

Words condensing out of light into liquid chrome

npx shadcn@latest add https://remotionui.com/r/text-reveal-shader.json
dither-field-bg ui

Two-colour ordered-dither field quantised to a pixel grid

npx shadcn@latest add https://remotionui.com/r/dither-field-bg.json
warp-bands-bg ui

Colour bands folded through noise and a swirl

npx shadcn@latest add https://remotionui.com/r/warp-bands-bg.json
grain-gradient-bg ui

Multi-colour gradient with grain worked through it

npx shadcn@latest add https://remotionui.com/r/grain-gradient-bg.json
product-turntable-3d block

A product on a studio turntable: the model turns a full revolution under a soft key and rim while the camera holds, with a contact shadow anchoring it to the f…

npx shadcn@latest add https://remotionui.com/r/product-turntable-3d.json
text-extrude-3d block

Extruded 3D headline with a lit bevel: the letters rise and settle as the camera pulls back across them

npx shadcn@latest add https://remotionui.com/r/text-extrude-3d.json
card-stack-3d block

A stack of physical cards fanning out in depth, each with real thickness and an edge highlight, turning to face the camera

npx shadcn@latest add https://remotionui.com/r/card-stack-3d.json
globe-points-3d block

Lit sphere with instanced city markers and arcs rising between them, turning slowly under a rim light

npx shadcn@latest add https://remotionui.com/r/globe-points-3d.json