RemotionUI

200 copy-paste components for Remotion. Source you own, frame by frame.

[blocked]

Browse components · Quick start · CLI · MCP server

Install

npx remotion-ui@latest init my-videocd my-videonpx remotion-ui@latest add social-clip

Already have a Remotion project? npx remotion-ui@latest init --existing.

Or install straight from the shadcn CLI — every component is published under the @remotionui namespace:

npx shadcn@latest add @remotionui/social-clip

Why

• You own the source. Components land in your repo as plain .tsx. No black-box npm package to fight — edit any frame, any easing, any color.
• Composed, not just primitives. Full compositions (social clips, data stories, creator reels) alongside the primitives they're built from.
• Built for agents. Every command speaks --json, plus an agent index, llms.txt, an MCP server [blocked], and an installable Claude Code skill.

What's inside

200 components, grouped by how they behave on the timeline:

Browse the full catalog →

CLI

npx remotion-ui@latest search -q caption   # find componentsnpx remotion-ui@latest add caption-scene   # install with dependenciesnpx remotion-ui@latest diff caption-scene  # see your edits vs registrynpx remotion-ui@latest doctor              # diagnose config and aliases

Full reference: remotionui.com/docs/cli

Use it with your agent

npx remotion-ui@latest init --agent-skill   # install the Claude Code skill

Or point any MCP client at the RemotionUI MCP server [blocked] to give it search-and-install over the registry.

Guides

Captions · Audio visualization · Transitions · Motion tokens · Maps · Authoring scenes

Contributing

Component ideas, bug reports, and PRs are welcome — see CONTRIBUTING.md [blocked] for the monorepo layout, dev setup, and how to author a registry component.

License

MIT