remotion-dev · Trending

remotion-dev/remotion

🎥 Make videos programmatically with React

View on GitHub Website / Demo Back to listing

63.6kstars 5kforks 100+contributors TypeScript

README.md

[![Discord Shield](https://img.shields.io/discord/809501355504959528?color=000000&label=Discord&logo=fdgssdf)](https://remotion.dev/discord)
[![NPM Version](https://img.shields.io/npm/v/remotion.svg?style=flat&color=black)](https://www.npmjs.org/package/remotion)
[![NPM Downloads](https://img.shields.io/npm/dm/remotion.svg?style=flat&color=black&label=Downloads)](https://npmcharts.com/compare/remotion?minimal=true)
<a href="https://twitter.com/remotion"><img src="https://img.shields.io/twitter/follow/remotion?label=Twitter&color=black" alt="Twitter"></a>

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

```console
npx create-video@latest
```

to get started. Otherwise, read the [installation page](https://www.remotion.dev/docs/) in the documentation.

## Discover Remotion

Remotion is extensively documented over more than 1000 pages.

- Get Started
  - [Installation](https://remotion.dev/docs)
  - [Agent Skills](https://www.remotion.dev/docs/ai/skills)
  - [Prompts](https://www.remotion.dev/prompts)
  - [Templates](https://remotion.dev/templates)
- Components
  - [Elements](https://remotion.dev/elements)
  - [Effects](https://remotion.dev/effects)
  - [Shapes](https://remotion.dev/docs/shapes)
  - [Transitions](https://remotion.dev/transitions)
  - [Sound Effects](https://remotion.dev/docs/sfx)
  - [Captions](https://remotion.dev/docs/captions)
  - [Fonts](https://remotion.dev/docs/fonts)
- Rendering
  - [Node.js APIs](https://www.remotion.dev/docs/ssr)
  - [Lambda](https://www.remotion.dev/docs/lambda)
  - [Vercel](https://www.remotion.dev/docs/vercel-sandbox)
  - [Client-side rendering](https://www.remotion.dev/docs/client-side-rendering/)
  - [Comparison of options](https://remotion.dev/docs/compare-ssr)
- Making apps
  - [Player](https://remotion.dev/docs/player)
  - [Editor Starter](https://remotion.dev/editor-starter)
  - [Mediabunny](https://remotion.dev/docs/mediabunny)
- Community
  - [Discord](https://remotion.dev/discord)
  - [Experts](https://remotion.dev/experts)
  - [Resources](https://remotion.dev/resources)
  - [Contributing](https://remotion.dev/contributing)
  - Follow us on [X](https://x.com/remotion), [YouTube](https://youtube.com/@remotion_dev), [Instagram](https://instagram.com/remotion), [LinkedIn](https://linkedin.com/company/remotion)
- Commercial
  - [License](https://remotion.dev/license)
  - [Store](https://remotion.pro/store)
  - [About Remotion](https://remotion.dev/about)
  - [Showcase](https://remotion.dev/showcase)
- Help
  - [Support](https://remotion.dev/support)
  - [Discord](https://remotion.dev/discord)
  - [Search](https://remotion.dev/search)
  - [Ask AI](https://remotion.dev/ai)
  - [GitHub Issues](https://github.com/remotion-dev/remotion/issues)

## Documentation

Documentation: [**remotion.dev/docs**](https://www.remotion.dev/docs)  
API Reference: [**remotion.dev/api**](https://www.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](LICENSE.md) page for more information.

## Contributing

Please read [CONTRIBUTING.md](CONTRIBUTING.md) to learn about contributing to this project.