Registries
ActiveAnimated components49

@remotionui

Animated components · MIT · data updated 2026-09-05

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

@remotionui preview
aianimationaudiobackgroundsblockscardschartsdashboardformsglassmorphismhooksiconsloadersmapsmediaretrotext-effects

Install

npx shadcn@latest add https://remotionui.com/r/index.json

Health

StatusActive
Last commit3 days ago
LicenseMIT
Open issues5
ArchivedNo
Stars49

Components (224)

timingspringstransition-timingai-composer-utilscode-syntaxtext-emphasismotion-tokensgpulayoutmotion-wrappermotion-primitiveuse-staggerfade-infade-outslide-upslide-leftscale-intypewritercounterblur-inspring-instagger-childrenmarker-highlightprogress-barrotate-intransition-fadetransition-slidelower-thirdtitle-cardfeature-liststat-cardquote-cardend-cardintroshowcasehero-loopcaption-utilsaudio-viz-utilsmap-utilspath-utilscaption-highlightaudiogram-barspath-drawmap-canvasmap-routemap-markerstransition-wipetransition-clock-wipetransition-light-leakblur-revealgrid-pixelate-wipefrosted-glass-wipedirectional-wipespatial-pushchromatic-aberration-wipezoom-throughmesh-gradient-bgdynamic-gridsimulated-cursorconfetti-burst
Components: timing, springs, transition-timing, ai-composer-utils, code-syntax, text-emphasis, motion-tokens, gpu, layout, motion-wrapper, motion-primitive, use-stagger, fade-in, fade-out, slide-up, slide-left, scale-in, typewriter, counter, blur-in, spring-in, stagger-children, marker-highlight, progress-bar, rotate-in, transition-fade, transition-slide, lower-third, title-card, feature-list, stat-card, quote-card, end-card, intro, showcase, hero-loop, caption-utils, audio-viz-utils, map-utils, path-utils, caption-highlight, audiogram-bars, path-draw, map-canvas, map-route, map-markers, transition-wipe, transition-clock-wipe, transition-light-leak, blur-reveal, grid-pixelate-wipe, frosted-glass-wipe, directional-wipe, spatial-push, chromatic-aberration-wipe, zoom-through, mesh-gradient-bg, dynamic-grid, simulated-cursor, confetti-burst, device-mockup-zoom, caption-scene, audiogram-scene, logo-reveal, map-flight, auto-fit-title, social-clip, media-utils, chart-utils, text-fit-utils, waveform-line, audio-pulse, karaoke-captions, line-chart-draw, cursor-path, media-frame, media-sequence, split-screen, b-roll-stack, caption-bumper, animated-bar-chart, metric-ticker, timeline-steps, callout-spotlight, zoom-pan-frame, code-reveal, hook-card, talking-head-layout, comment-callout, tutorial-clip, data-story, creator-reel, podcast-clip, blur-focus-in, staggered-fade-up, masked-slide-reveal, tracking-in, light-sweep-text, slot-roll, matrix-decode, rgb-glitch-text, infinite-marquee, perspective-marquee, strikethrough-replace, terminal-simulator, code-accordion, code-diff-wipe, data-flow-pipes, drag-drop-flow, chat-to-preview, hero-device-assemble, ecosystem-orbit, bento-pan, browser-flow, ai-generation-canvas, ai-composer-showcase, live-code-split, deploy-reveal, dashboard-populate, pricing-focus, landing-code-showcase, tool-menu-slide, image-expand, claude-chat, chat-gpt, v0, claude-code, opencode, text-split, path-morph, displacement-transition, displacement-presentation, sample-media, split-text-chars, audio-reactive-scale, srt-caption-track, transition-circle-reveal, transition-card-flip, transition-blinds, transition-whip-pan, transition-morph-shape, transition-liquid-warp, skew-in, scramble-text, text-mask-video, handwriting-text, stroke-to-fill-text, variable-font-morph, liquid-text-morph, wave-text, neon-flicker-text, aurora-bg, particle-field, topographic-lines-bg, caustics-bg, animated-noise-grain, light-rays, parallax-layers, shake-emphasis, glow-pulse, motion-trail, squash-stretch, orbit-motion, depth-of-field-blur, scanline-crt, bar-chart-race, donut-chart, pie-slice-reveal, scatter-plot-pop, bubble-chart-pack, gauge-dial, sparkline-row, heatmap-grid, comparison-bars, funnel-chart, radar-chart, treemap-blocks, waterfall-chart, stacked-area-chart, candlestick-chart, gantt-timeline, word-pop-captions, caption-emoji-beat, speaker-label-captions, transcript-scroll, subtitle-translate, waveform-bars-radial, vu-meter, voice-note-bubble, beat-pulse-grid, audio-scrubber, poll-overlay, reaction-burst, countdown-timer, sports-scorebug, news-ticker-bar, form-fill-sequence, notification-stack, tab-switch-panel, search-results-populate, file-tree-reveal, kanban-move, commit-graph, comparison-table, pricing-card, faq-accordion, team-grid, logo-wall, changelog-entry, roadmap-lanes, org-chart-build, quiz-question, weather-card, calendar-month-fill, arrow-annotate, badge-stamp, shape-morph, blob-morph, dashed-path-travel, connector-lines, svg-mask-reveal, map-heat-overlay, globe-arc, multi-device-lineup

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@remotionui · timing

npx shadcn@latest add https://remotionui.com/r/timing.json
View source