Remotion

Remotion is an open-source framework that lets developers create real MP4 videos using React and TypeScript. It brings the power of frontend web development to video production, allowing you to compose animations, parametrize content with data, and render videos locally, on a server, or serverlessly at scale. With over 39k GitHub stars and 900k installs per month, Remotion has become the go-to tool for programmatic video creation.

AI-Powered Video Workflows

• Prompt-to-video creation: Create videos entirely from natural language prompts via Claude Code, Codex, or OpenCode — scaffold with npx create-video@latest, install Skills, and start prompting in a terminal.
• Agent Skills: Official skill files with 30+ rule modules covering animations, audio, 3D, charts, transitions, captions, and more — 155k+ weekly installs across Claude Code, Codex, Cursor, and OpenCode.
• Community Prompt Gallery: A curated, community-driven gallery at remotion.dev/prompts with submittable example prompts for news highlights, travel route maps, product demos, launch videos, 3D rankings, cinematic intros, chart animations, and more.
• AI SaaS Starter Kit: A Next.js template for building "Prompt to Motion Graphics" products with chat interface, live preview, smart editing, input validation, output sanitation, and self-correction on compilation errors.
• Prompt to Video template: A starter that turns prompts into short videos with auto-generated scripts, images, and voiceover.
• LLM code generation utilities: Generate Remotion component code from natural language using the Vercel AI SDK, with structured output support and a reference system prompt.
• Just-in-time compilation: Compile AI-generated React components in the browser for instant live preview without filesystem access.
• MCP server: An official @remotion/mcp package that indexes Remotion documentation into a vector database for Cursor, VS Code, and other MCP-compatible editors.
• AI-ready documentation: All doc pages support .md URL suffixes and Accept: text/markdown content negotiation, so AI agents can fetch raw markdown directly.

Core Framework

• React-based composition: Use familiar React components and JSX to build sophisticated video compositions with full access to the web platform.
• Remotion Studio: A local development environment where you can preview, scrub, and edit your video in real time before rendering.
• Remotion Player: Embed an interactive video player directly into your web app, powered by the same React components.
• Remotion Lambda: Render videos serverlessly on AWS Lambda for massively parallel, scalable video generation.
• Parametrized rendering: Pass data as props to your video components to dynamically generate personalized or data-driven videos.
• Multiple output formats: Export to MP4, WebM, GIF, and other formats from the same codebase.
• Editor Starter template: A comprehensive starter kit for building full custom video editing applications with React and TypeScript.
• Recorder: A built-in tool for recording screencasts and compositing them into polished video outputs.
• Timeline component: A ready-made timeline UI component for building video editor interfaces.
• Rich template library: 35+ templates and examples including Hello World, Next.js, React Router, and more to get started quickly.
• Large community: 6,000+ Discord members, 300+ contributors, and 700 pages of documentation.