Repolode
Enviar
remotion-dev

remotion-dev/remotion

Um framework baseado em React para criar vídeos programaticamente, usando o código como fonte de verdade para timelines e animações.

Alternativa open source a:Adobe After Effects

Ver no GitHubSite
Estrelas
66,055
Forks
5,285
Issues abertas
177
Último commit
há 2 horas

O que é?

Com o Remotion, desenvolvedores criam vídeos com componentes React. Cada frame é renderizado a partir de código React comum, permitindo escrever e versionar animações, conteúdo orientado a dados e templates reutilizáveis como qualquer outra interface web.

O projeto cobre todo o fluxo de trabalho: um agente de programação ou um editor interativo pode criar um vídeo, e o mesmo código React pode ser renderizado nos seus próprios servidores, pelo AWS Lambda, em sandboxes do Vercel ou no lado do cliente, no navegador. Também inclui um Player para incorporar prévias de vídeo em aplicações.

O toolkit oferece blocos de construção como formas, transições, legendas, fontes, efeitos sonoros e um starter de editor. Ele foi pensado para equipes que produzem muitos vídeos a partir de uma única base de código, por exemplo, para renderização em lote ou sistemas de design com assets animados.

Recursos principais

  • 01Crie vídeos como componentes React com temporização baseada em frames.
  • 02Renderize nos seus próprios servidores Node.js, no AWS Lambda ou em sandboxes do Vercel.
  • 03Há suporte à renderização no lado do cliente, no navegador.
  • 04Inclui um Player para incorporar prévias em aplicações.
  • 05Oferece formas, transições, legendas, fontes e efeitos sonoros.
  • 06Funciona com agentes de programação e um fluxo de edição interativo.

Casos de uso

  • Gerar vídeos personalizados ou orientados a dados em escala, a partir de templates.
  • Criar uma biblioteca de assets animados reutilizáveis para a marca de uma empresa.
  • Adicionar um editor de vídeo ou uma prévia dentro de uma aplicação web.
  • Automatizar a renderização de vídeos de marketing ou para redes sociais na sua própria infraestrutura.

Início rápido

  1. 1

    Instale o Node.js se ainda não tiver

  2. 2

    Crie um novo projeto de vídeo com a ferramenta de scaffolding

    npx create-video@latest

Antes de usar

  • O Remotion usa uma licença especial e, em alguns casos, exige uma licença empresarial.
  • Renderizar em grande escala na sua própria infraestrutura exige trabalho de configuração.

Tópicos

#react#video#animation#typescript#rendering#video-generation#javascript

Perguntas frequentes

O que é remotion?
Um framework baseado em React para criar vídeos programaticamente, usando o código como fonte de verdade para timelines e animações. Com o Remotion, desenvolvedores criam vídeos com componentes React. Cada frame é renderizado a partir de código React comum, permitindo escrever e versionar animações, conteúdo orientado a dados e templates reutilizáveis como qualquer outra interface web.
remotion é gratuito? Qual é a licença?
remotion é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
remotion ainda é mantido?
Manutenção ativa. O último commit de remotion foi em 22 de out. de 2026.
Para que posso usar remotion?
Gerar vídeos personalizados ou orientados a dados em escala, a partir de templates. Criar uma biblioteca de assets animados reutilizáveis para a marca de uma empresa. Adicionar um editor de vídeo ou uma prévia dentro de uma aplicação web. Automatizar a renderização de vídeos de marketing ou para redes sociais na sua própria infraestrutura.
Como instalar remotion?
Instale o Node.js se ainda não tiver Crie um novo projeto de vídeo com a ferramenta de scaffolding: npx create-video@latest
Onde consigo remotion?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/remotion-dev/remotion

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados