---
name: "@remotionui"
slug: "remotionui"
description: "Copy-paste motion components for Remotion video projects - 200 captions, charts, transitions, backgrounds, and full compositions."
category: "Animated components"
tags: ["ai", "animation", "audio", "backgrounds", "blocks", "cards", "charts", "dashboard", "forms", "glassmorphism", "hooks", "icons", "loaders", "maps", "media", "retro", "text-effects"]
framework: "react"
license: "MIT"
author: "riaz37"
website: "https://remotionui.com"
github: "https://github.com/riaz37/remotion-ui"
registry: "https://remotionui.com/r/index.json"
pro: false
pro_url: null
github_stars: 49
component_count: 224
generated_at: "2026-09-05T09:50:59.044Z"
---

# @remotionui

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

## Links

- Website: https://remotionui.com
- GitHub: https://github.com/riaz37/remotion-ui
- Registry JSON: https://remotionui.com/r/index.json
- Directory page: https://sh4dcn.vercel.app/registry/remotionui
- This file: https://sh4dcn.vercel.app/md/remotionui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://remotionui.com/r/index.json
pnpm dlx shadcn@latest add https://remotionui.com/r/index.json
bunx shadcn@latest add https://remotionui.com/r/index.json
# clone the source repo
git clone https://github.com/riaz37/remotion-ui.git
# fetch the raw registry index
curl -s https://remotionui.com/r/index.json
```

## Components (224)

| name | type | description | install |
| --- | --- | --- | --- |
| timing | registry:lib | Frame timing helpers and enter easing | `npx shadcn@latest add https://remotionui.com/r/timing.json` |
| springs | registry:lib | Default spring configurations | `npx shadcn@latest add https://remotionui.com/r/springs.json` |
| transition-timing | registry:lib | Shared TransitionSeries timing helpers and layered progress curves | `npx shadcn@latest add https://remotionui.com/r/transition-timing.json` |
| ai-composer-utils | registry: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 | registry: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 | registry: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 | registry:lib | Named motion duration and stagger tokens | `npx shadcn@latest add https://remotionui.com/r/motion-tokens.json` |
| gpu | registry:lib | WebGL2 fragment-shader effect factory for GPU primitives | `npx shadcn@latest add https://remotionui.com/r/gpu.json` |
| layout | registry:lib | Format-agnostic layout helpers | `npx shadcn@latest add https://remotionui.com/r/layout.json` |
| motion-wrapper | registry:lib | Inline wrapper for enter/exit animations (avoids AbsoluteFill overlap) | `npx shadcn@latest add https://remotionui.com/r/motion-wrapper.json` |
| motion-primitive | registry: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 | registry:hook | Hook for staggered child delays | `npx shadcn@latest add https://remotionui.com/r/use-stagger.json` |
| fade-in | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | Crossfade between scenes, or dip the cut through a colour | `npx shadcn@latest add https://remotionui.com/r/transition-fade.json` |
| transition-slide | registry:ui | Slide transition helper for TransitionSeries | `npx shadcn@latest add https://remotionui.com/r/transition-slide.json` |
| lower-third | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:block | 5-second branded intro: chapter marker, headline, topic rail | `npx shadcn@latest add https://remotionui.com/r/intro.json` |
| showcase | registry:block | Full demo reel with TransitionSeries | `npx shadcn@latest add https://remotionui.com/r/showcase.json` |
| hero-loop | registry:block | 12-second seamless-looping website hero composition | `npx shadcn@latest add https://remotionui.com/r/hero-loop.json` |
| caption-utils | registry:lib | Caption page grouping and word-active helpers | `npx shadcn@latest add https://remotionui.com/r/caption-utils.json` |
| audio-viz-utils | registry:lib | Windowed audio spectrum helpers | `npx shadcn@latest add https://remotionui.com/r/audio-viz-utils.json` |
| map-utils | registry:lib | MapLibre and Turf geospatial helpers | `npx shadcn@latest add https://remotionui.com/r/map-utils.json` |
| path-utils | registry:lib | SVG path measuring, sampling, auto-fit and waypoint helpers | `npx shadcn@latest add https://remotionui.com/r/path-utils.json` |
| caption-highlight | registry:ui | TikTok-style word-by-word caption highlight | `npx shadcn@latest add https://remotionui.com/r/caption-highlight.json` |
| audiogram-bars | registry:ui | Audio-reactive spectrum bar visualization | `npx shadcn@latest add https://remotionui.com/r/audiogram-bars.json` |
| path-draw | registry: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 | registry:ui | Deterministic MapLibre map mount | `npx shadcn@latest add https://remotionui.com/r/map-canvas.json` |
| map-route | registry:ui | Animated GeoJSON route line on a map | `npx shadcn@latest add https://remotionui.com/r/map-route.json` |
| map-markers | registry:ui | GeoJSON circle and label markers on a map | `npx shadcn@latest add https://remotionui.com/r/map-markers.json` |
| transition-wipe | registry:ui | Wipe transition helper for TransitionSeries | `npx shadcn@latest add https://remotionui.com/r/transition-wipe.json` |
| transition-clock-wipe | registry:ui | Clock sweep that reads the composition size itself | `npx shadcn@latest add https://remotionui.com/r/transition-clock-wipe.json` |
| transition-light-leak | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | Living mesh gradient blob background | `npx shadcn@latest add https://remotionui.com/r/mesh-gradient-bg.json` |
| dynamic-grid | registry:ui | Subtle drifting dot and line grid background | `npx shadcn@latest add https://remotionui.com/r/dynamic-grid.json` |
| simulated-cursor | registry: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 | registry:ui | Frame-driven confetti burst overlay | `npx shadcn@latest add https://remotionui.com/r/confetti-burst.json` |
| device-mockup-zoom | registry: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 | registry:block | Lower-third TikTok-style captions synced to audio | `npx shadcn@latest add https://remotionui.com/r/caption-scene.json` |
| audiogram-scene | registry:block | Podcast audiogram layout with spectrum bars | `npx shadcn@latest add https://remotionui.com/r/audiogram-scene.json` |
| logo-reveal | registry:block | Logo mark draw-on with wordmark and tagline beats | `npx shadcn@latest add https://remotionui.com/r/logo-reveal.json` |
| map-flight | registry:block | Animated map flyover with route reveal and markers | `npx shadcn@latest add https://remotionui.com/r/map-flight.json` |
| auto-fit-title | registry: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 | registry:block | 9:16 social clip with hook, captions, and CTA | `npx shadcn@latest add https://remotionui.com/r/social-clip.json` |
| media-utils | registry:lib | Media item timing and fit helpers | `npx shadcn@latest add https://remotionui.com/r/media-utils.json` |
| chart-utils | registry:lib | Chart scaling and SVG path helpers | `npx shadcn@latest add https://remotionui.com/r/chart-utils.json` |
| text-fit-utils | registry:lib | Safe headline fitting helpers | `npx shadcn@latest add https://remotionui.com/r/text-fit-utils.json` |
| waveform-line | registry:ui | Audio waveform line visualization | `npx shadcn@latest add https://remotionui.com/r/waveform-line.json` |
| audio-pulse | registry:ui | Audio-reactive pulse rings | `npx shadcn@latest add https://remotionui.com/r/audio-pulse.json` |
| karaoke-captions | registry:ui | Active-word karaoke caption styling | `npx shadcn@latest add https://remotionui.com/r/karaoke-captions.json` |
| line-chart-draw | registry:ui | SVG line chart that draws itself on | `npx shadcn@latest add https://remotionui.com/r/line-chart-draw.json` |
| cursor-path | registry:ui | Cursor travelling a path with drawn trail and click ripples | `npx shadcn@latest add https://remotionui.com/r/cursor-path.json` |
| media-frame | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:block | Ranked bar chart scene with a value axis | `npx shadcn@latest add https://remotionui.com/r/animated-bar-chart.json` |
| metric-ticker | registry:block | KPI cards that count themselves in | `npx shadcn@latest add https://remotionui.com/r/metric-ticker.json` |
| timeline-steps | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:block | Tutorial clip composition for demos and explainers | `npx shadcn@latest add https://remotionui.com/r/tutorial-clip.json` |
| data-story | registry:block | Data storytelling composition template | `npx shadcn@latest add https://remotionui.com/r/data-story.json` |
| creator-reel | registry:block | Vertical creator media composition template | `npx shadcn@latest add https://remotionui.com/r/creator-reel.json` |
| podcast-clip | registry:block | Podcast clip composition with audio visuals and captions | `npx shadcn@latest add https://remotionui.com/r/podcast-clip.json` |
| blur-focus-in | registry:ui | Text fades from heavy blur into sharp focus | `npx shadcn@latest add https://remotionui.com/r/blur-focus-in.json` |
| staggered-fade-up | registry:ui | Words rise with cascading fade-up stagger | `npx shadcn@latest add https://remotionui.com/r/staggered-fade-up.json` |
| masked-slide-reveal | registry:ui | Words slide up through a horizontal mask | `npx shadcn@latest add https://remotionui.com/r/masked-slide-reveal.json` |
| tracking-in | registry:ui | Letter-spacing collapses with spring snap | `npx shadcn@latest add https://remotionui.com/r/tracking-in.json` |
| light-sweep-text | registry:ui | Light gradient sweeps across dim text | `npx shadcn@latest add https://remotionui.com/r/light-sweep-text.json` |
| slot-roll | registry:ui | Characters roll like a slot reel into place | `npx shadcn@latest add https://remotionui.com/r/slot-roll.json` |
| matrix-decode | registry:ui | Scramble resolves left-to-right into target text | `npx shadcn@latest add https://remotionui.com/r/matrix-decode.json` |
| rgb-glitch-text | registry: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 | registry:ui | Endlessly scrolling horizontal text band | `npx shadcn@latest add https://remotionui.com/r/infinite-marquee.json` |
| perspective-marquee | registry:ui | Marquee tilted in 3D with depth fade | `npx shadcn@latest add https://remotionui.com/r/perspective-marquee.json` |
| strikethrough-replace | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:block | Device layers assemble hero | `npx shadcn@latest add https://remotionui.com/r/hero-device-assemble.json` |
| ecosystem-orbit | registry:block | Logo with orbiting satellites | `npx shadcn@latest add https://remotionui.com/r/ecosystem-orbit.json` |
| bento-pan | registry:block | Camera pan across a bento grid of metric cards | `npx shadcn@latest add https://remotionui.com/r/bento-pan.json` |
| browser-flow | registry:block | URL to browser preview flow | `npx shadcn@latest add https://remotionui.com/r/browser-flow.json` |
| ai-generation-canvas | registry: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 | registry: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 | registry: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 | registry:block | Terminal deploy to browser | `npx shadcn@latest add https://remotionui.com/r/deploy-reveal.json` |
| dashboard-populate | registry:block | Dashboard metrics populate | `npx shadcn@latest add https://remotionui.com/r/dashboard-populate.json` |
| pricing-focus | registry:block | Pricing tier focus animation | `npx shadcn@latest add https://remotionui.com/r/pricing-focus.json` |
| landing-code-showcase | registry:block | Landing with install commands | `npx shadcn@latest add https://remotionui.com/r/landing-code-showcase.json` |
| tool-menu-slide | registry:block | Tool menu slide-in | `npx shadcn@latest add https://remotionui.com/r/tool-menu-slide.json` |
| image-expand | registry: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 | registry: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 | registry: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 | registry: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 | registry:block | Claude Code terminal welcome screen with CLI prompt typing | `npx shadcn@latest add https://remotionui.com/r/claude-code.json` |
| opencode | registry:block | OpenCode TUI composer with agent and model status | `npx shadcn@latest add https://remotionui.com/r/opencode.json` |
| text-split | registry: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 | registry:lib | Cached SVG path morphing with winding alignment and box fitting | `npx shadcn@latest add https://remotionui.com/r/path-morph.json` |
| displacement-transition | registry:lib | Frame maths for displacement-map and shape-mask transitions | `npx shadcn@latest add https://remotionui.com/r/displacement-transition.json` |
| displacement-presentation | registry:lib | Shared TransitionSeries presentation for warp and shape-mask cuts | `npx shadcn@latest add https://remotionui.com/r/displacement-presentation.json` |
| sample-media | registry:lib | Placeholder stills, captions, and audio for composition defaults | `npx shadcn@latest add https://remotionui.com/r/sample-media.json` |
| split-text-chars | registry: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 | registry:ui | Scales any child by per-frame audio amplitude | `npx shadcn@latest add https://remotionui.com/r/audio-reactive-scale.json` |
| srt-caption-track | registry: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 | registry: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 | registry: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 | registry:ui | Staggered slats sweeping open to reveal the next scene | `npx shadcn@latest add https://remotionui.com/r/transition-blinds.json` |
| transition-whip-pan | registry: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 | registry: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 | registry: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 | registry:ui | Skew + translate, editorial feel | `npx shadcn@latest add https://remotionui.com/r/skew-in.json` |
| scramble-text | registry:ui | Random-glyph scramble resolving per character | `npx shadcn@latest add https://remotionui.com/r/scramble-text.json` |
| text-mask-video | registry:ui | Video or gradient showing through letterforms | `npx shadcn@latest add https://remotionui.com/r/text-mask-video.json` |
| handwriting-text | registry:ui | Takes a string and strokes it on | `npx shadcn@latest add https://remotionui.com/r/handwriting-text.json` |
| stroke-to-fill-text | registry:ui | Outline text filling solid | `npx shadcn@latest add https://remotionui.com/r/stroke-to-fill-text.json` |
| variable-font-morph | registry:ui | Animates weight/width axes of a variable font | `npx shadcn@latest add https://remotionui.com/r/variable-font-morph.json` |
| liquid-text-morph | registry:ui | Letterforms morphing between two words | `npx shadcn@latest add https://remotionui.com/r/liquid-text-morph.json` |
| wave-text | registry:ui | Per-character sine displacement | `npx shadcn@latest add https://remotionui.com/r/wave-text.json` |
| neon-flicker-text | registry:ui | Neon sign flicker and settle | `npx shadcn@latest add https://remotionui.com/r/neon-flicker-text.json` |
| aurora-bg | registry:ui | Drifting light ribbons | `npx shadcn@latest add https://remotionui.com/r/aurora-bg.json` |
| particle-field | registry:ui | Ambient drifting particles with depth | `npx shadcn@latest add https://remotionui.com/r/particle-field.json` |
| topographic-lines-bg | registry:ui | Contour lines drifting | `npx shadcn@latest add https://remotionui.com/r/topographic-lines-bg.json` |
| caustics-bg | registry:ui | Underwater light caustics | `npx shadcn@latest add https://remotionui.com/r/caustics-bg.json` |
| animated-noise-grain | registry:ui | Film grain overlay | `npx shadcn@latest add https://remotionui.com/r/animated-noise-grain.json` |
| light-rays | registry:ui | Volumetric god rays drifting across the stage | `npx shadcn@latest add https://remotionui.com/r/light-rays.json` |
| parallax-layers | registry:ui | Depth-offset layers on one driver | `npx shadcn@latest add https://remotionui.com/r/parallax-layers.json` |
| shake-emphasis | registry:ui | Short impact shake | `npx shadcn@latest add https://remotionui.com/r/shake-emphasis.json` |
| glow-pulse | registry:ui | Rhythmic glow for CTAs and live indicators | `npx shadcn@latest add https://remotionui.com/r/glow-pulse.json` |
| motion-trail | registry:ui | Echo trails behind a moving element | `npx shadcn@latest add https://remotionui.com/r/motion-trail.json` |
| squash-stretch | registry:ui | The animation principle as a primitive | `npx shadcn@latest add https://remotionui.com/r/squash-stretch.json` |
| orbit-motion | registry:ui | Element orbiting a center point | `npx shadcn@latest add https://remotionui.com/r/orbit-motion.json` |
| depth-of-field-blur | registry:ui | Rack focus between layers | `npx shadcn@latest add https://remotionui.com/r/depth-of-field-blur.json` |
| scanline-crt | registry:ui | CRT scanlines and curvature overlay | `npx shadcn@latest add https://remotionui.com/r/scanline-crt.json` |
| bar-chart-race | registry:ui | Ranked bars reorder over time | `npx shadcn@latest add https://remotionui.com/r/bar-chart-race.json` |
| donut-chart | registry:ui | Multi-segment donut with labels | `npx shadcn@latest add https://remotionui.com/r/donut-chart.json` |
| pie-slice-reveal | registry:ui | Slices sweep in sequentially | `npx shadcn@latest add https://remotionui.com/r/pie-slice-reveal.json` |
| scatter-plot-pop | registry:ui | Points pop in on stagger, optional trend line | `npx shadcn@latest add https://remotionui.com/r/scatter-plot-pop.json` |
| bubble-chart-pack | registry:ui | Circle-packed values settling into place | `npx shadcn@latest add https://remotionui.com/r/bubble-chart-pack.json` |
| gauge-dial | registry:ui | Needle sweeps to target | `npx shadcn@latest add https://remotionui.com/r/gauge-dial.json` |
| sparkline-row | registry:ui | Compact trend lines that read at small sizes | `npx shadcn@latest add https://remotionui.com/r/sparkline-row.json` |
| heatmap-grid | registry:ui | Cell grid filling by intensity, contribution-graph style | `npx shadcn@latest add https://remotionui.com/r/heatmap-grid.json` |
| comparison-bars | registry:ui | Two-series before/after with delta callout | `npx shadcn@latest add https://remotionui.com/r/comparison-bars.json` |
| funnel-chart | registry:ui | Stage bars narrowing with drop-off percentages | `npx shadcn@latest add https://remotionui.com/r/funnel-chart.json` |
| radar-chart | registry:ui | Multi-axis spider chart drawing its polygon | `npx shadcn@latest add https://remotionui.com/r/radar-chart.json` |
| treemap-blocks | registry:ui | Nested rectangles sized by value | `npx shadcn@latest add https://remotionui.com/r/treemap-blocks.json` |
| waterfall-chart | registry:ui | Cumulative bridge with positive/negative steps | `npx shadcn@latest add https://remotionui.com/r/waterfall-chart.json` |
| stacked-area-chart | registry:ui | Multiple series stacking as they draw on | `npx shadcn@latest add https://remotionui.com/r/stacked-area-chart.json` |
| candlestick-chart | registry:ui | OHLC financial series | `npx shadcn@latest add https://remotionui.com/r/candlestick-chart.json` |
| gantt-timeline | registry:ui | Date-scaled schedule bars | `npx shadcn@latest add https://remotionui.com/r/gantt-timeline.json` |
| word-pop-captions | registry: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 | registry:ui | Emoji punctuation landing on beats | `npx shadcn@latest add https://remotionui.com/r/caption-emoji-beat.json` |
| speaker-label-captions | registry: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 | registry:ui | Full readable transcript scrolling with the active line marked | `npx shadcn@latest add https://remotionui.com/r/transcript-scroll.json` |
| subtitle-translate | registry:ui | Dual-language stacked subtitles | `npx shadcn@latest add https://remotionui.com/r/subtitle-translate.json` |
| waveform-bars-radial | registry:ui | Circular bars around a center element | `npx shadcn@latest add https://remotionui.com/r/waveform-bars-radial.json` |
| vu-meter | registry:ui | Segmented level meter with peak hold | `npx shadcn@latest add https://remotionui.com/r/vu-meter.json` |
| voice-note-bubble | registry:ui | Chat-style audio message with waveform and playhead | `npx shadcn@latest add https://remotionui.com/r/voice-note-bubble.json` |
| beat-pulse-grid | registry:ui | Grid cells pulsing on detected beats | `npx shadcn@latest add https://remotionui.com/r/beat-pulse-grid.json` |
| audio-scrubber | registry:ui | Waveform with traveling playhead and time labels | `npx shadcn@latest add https://remotionui.com/r/audio-scrubber.json` |
| poll-overlay | registry:block | Question with bars filling to results | `npx shadcn@latest add https://remotionui.com/r/poll-overlay.json` |
| reaction-burst | registry:block | Narrowed: hearts/likes rising continuously | `npx shadcn@latest add https://remotionui.com/r/reaction-burst.json` |
| countdown-timer | registry:block | Numeric or ring countdown to zero | `npx shadcn@latest add https://remotionui.com/r/countdown-timer.json` |
| sports-scorebug | registry:block | Broadcast score furniture with clock | `npx shadcn@latest add https://remotionui.com/r/sports-scorebug.json` |
| news-ticker-bar | registry:block | Broadcast lower ticker with headlines | `npx shadcn@latest add https://remotionui.com/r/news-ticker-bar.json` |
| form-fill-sequence | registry:block | Fields typing and validating in order | `npx shadcn@latest add https://remotionui.com/r/form-fill-sequence.json` |
| notification-stack | registry:block | Toasts stacking and dismissing | `npx shadcn@latest add https://remotionui.com/r/notification-stack.json` |
| tab-switch-panel | registry:block | Tab bar with cross-fading panels | `npx shadcn@latest add https://remotionui.com/r/tab-switch-panel.json` |
| search-results-populate | registry:block | Query typed, results streaming in and ranking | `npx shadcn@latest add https://remotionui.com/r/search-results-populate.json` |
| file-tree-reveal | registry:block | Directory tree expanding node by node | `npx shadcn@latest add https://remotionui.com/r/file-tree-reveal.json` |
| kanban-move | registry:block | Cards moving across columns | `npx shadcn@latest add https://remotionui.com/r/kanban-move.json` |
| commit-graph | registry:block | Branch/merge graph drawing itself | `npx shadcn@latest add https://remotionui.com/r/commit-graph.json` |
| comparison-table | registry:block | Multi-column feature matrix | `npx shadcn@latest add https://remotionui.com/r/comparison-table.json` |
| pricing-card | registry:block | Tier card with price roll and features | `npx shadcn@latest add https://remotionui.com/r/pricing-card.json` |
| faq-accordion | registry:block | Narrowed: Q/A text rows expanding | `npx shadcn@latest add https://remotionui.com/r/faq-accordion.json` |
| team-grid | registry:block | Avatar grid with role labels on stagger | `npx shadcn@latest add https://remotionui.com/r/team-grid.json` |
| logo-wall | registry:block | Client logo grid, grayscale to color | `npx shadcn@latest add https://remotionui.com/r/logo-wall.json` |
| changelog-entry | registry:block | Version header with categorized change rows | `npx shadcn@latest add https://remotionui.com/r/changelog-entry.json` |
| roadmap-lanes | registry:block | Swimlanes of shipped/building/planned | `npx shadcn@latest add https://remotionui.com/r/roadmap-lanes.json` |
| org-chart-build | registry:block | Hierarchy assembling top-down | `npx shadcn@latest add https://remotionui.com/r/org-chart-build.json` |
| quiz-question | registry:block | Question, options, correct-answer reveal | `npx shadcn@latest add https://remotionui.com/r/quiz-question.json` |
| weather-card | registry:block | Conditions with animated iconography | `npx shadcn@latest add https://remotionui.com/r/weather-card.json` |
| calendar-month-fill | registry:block | Month grid populating with events | `npx shadcn@latest add https://remotionui.com/r/calendar-month-fill.json` |
| arrow-annotate | registry:ui | Hand-drawn arrow pointing at a target | `npx shadcn@latest add https://remotionui.com/r/arrow-annotate.json` |
| badge-stamp | registry:ui | Stamp/seal impact with rotation settle | `npx shadcn@latest add https://remotionui.com/r/badge-stamp.json` |
| shape-morph | registry:ui | Path interpolation between two shapes | `npx shadcn@latest add https://remotionui.com/r/shape-morph.json` |
| blob-morph | registry:ui | Organic blob continuously morphing | `npx shadcn@latest add https://remotionui.com/r/blob-morph.json` |
| dashed-path-travel | registry: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 | registry:ui | Narrowed: primitive that draws edges between anchored elements | `npx shadcn@latest add https://remotionui.com/r/connector-lines.json` |
| svg-mask-reveal | registry:ui | Arbitrary SVG shape as a reveal mask | `npx shadcn@latest add https://remotionui.com/r/svg-mask-reveal.json` |
| map-heat-overlay | registry:ui | Density overlay fading in over the basemap | `npx shadcn@latest add https://remotionui.com/r/map-heat-overlay.json` |
| globe-arc | registry:ui | Arcs between points on a globe | `npx shadcn@latest add https://remotionui.com/r/globe-arc.json` |
| multi-device-lineup | registry:ui | Phone + tablet + laptop showing one responsive design | `npx shadcn@latest add https://remotionui.com/r/multi-device-lineup.json` |

## For AI agents

```text
You are adding components from @remotionui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/remotionui.md) for the component list.
2. Fetch the machine-readable index: https://remotionui.com/r/index.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: remotionui).
```