@remotion/lottie

Video tools for the agent era.

Video Creation

• Make videos agentically: Turn your idea into a video using your coding agent.
• Make videos interactively: Edit and animate using drag and drop.
• Make videos programmatically: Connect to data, and manage complexity with code.

React Code is the source of truth. Switch your workflow at any point.

Video Automation

• Design systems: Create a library of animated assets for your organization.
• Batch rendering: Render millions of videos on your own infrastructure.
• Applications: Publish a simple tool or a complex video editor.

Get started

If you already have Node.JS installed, type

npx create-video@latest

to get started. Otherwise, read the installation page in the documentation.

Discover Remotion

Remotion is extensively documented over more than 1000 pages.

• Get Started
  • Installation
  • Agent Skills
  • Prompts
  • Templates
• Components
  • Effects
  • Shapes
  • Transitions
  • Sound Effects
  • Captions
  • Fonts
• Rendering
  • Node.js APIs
  • Lambda
  • Vercel
  • Client-side rendering
  • Comparison of options
• Making apps
  • Player
  • Editor Starter
  • Mediabunny
• Community
  • Discord
  • Experts
  • Resources
  • Contributing
  • Follow us on X, YouTube, Instagram, LinkedIn
• Commercial
  • License
  • Store
  • About Remotion
  • Showcase
• Help
  • Support
  • Discord
  • Search
  • Ask AI
  • GitHub Issues

Documentation

Documentation: remotion.dev/docs
API Reference: remotion.dev/api

License

Be aware of that Remotion has a special license and requires obtaining a company license in some cases. Read the LICENSE page for more information.

Contributing

Please read CONTRIBUTING.md to learn about contributing to this project.