Programmatic video

Remotion

Fazer vídeo com React — o mesmo tipo de componente que você escreve para uma página web, renderizado quadro a quadro em um MP4

remotion-dev/remotionTypeScript57,096 as of 2026-08-23
By Jake Luo · Published 23 de ago. de 2026

Remotion é um framework para fazer vídeo em React: você escreve componentes e ele os renderiza quadro a quadro em um MP4. Tem 57.096 estrelas no GitHub em agosto de 2026 e publica versões quase toda semana. Para quem funda uma empresa, o ponto não é a arte — é que um vídeo definido em código pode ser renderizado cem vezes com dados diferentes, que é exatamente o que variações de anúncio, formatos recorrentes e clipes personalizados exigem. A licença é gratuita para pessoas físicas e para empresas com fins lucrativos de até três funcionários, e acima disso exige uma licença corporativa paga.

O que é o Remotion

O Remotion (github.com/remotion-dev/remotion) trata um vídeo como um componente React. Você monta um quadro com o mesmo JSX, CSS e imagens que usaria numa página web, pergunta ao framework em que quadro está e anima devolvendo algo diferente para cada um. Um estúdio dá linha do tempo e prévia ao vivo enquanto você trabalha, um componente de player embute o resultado dentro do seu próprio app, e o renderizador transforma a composição em arquivo de vídeo — localmente via Node, na AWS Lambda, na Vercel ou no navegador.

O README hoje apresenta o projeto como ferramentas de vídeo para a era dos agentes, e descreve três formas de entrar: de modo agêntico, deixando um agente de programação escrever a composição; de modo interativo, arrastando coisas no editor; e de modo programático, ligando a composição a dados. O código React continua sendo a fonte da verdade nos três casos, e é por isso que o terceiro funciona.

É mantido num ritmo difícil de fingir. A versão v4.0.515 saiu em 21 de agosto de 2026, com outras três na semana anterior, e os commits por trás delas são trabalho de produto comum e não manutenção: réguas e guias na barra do estúdio, uma correção na mixagem de áudio 5.1, a instalação de pacotes movida para uma aba de configurações. Ler as mensagens dos commits em vez da data do último push é o jeito barato de distinguir um projeto mantido de um projeto parado, e este repositório passa nesse teste com folga.

Onde ele entra na pilha de crescimento de quem funda

A maioria de quem funda não tem um problema de vídeo, tem um problema de variações de vídeo. O primeiro clipe é um dia de trabalho para o qual você acha tempo. A décima versão dele, com outra manchete, outro preço e outro idioma, é a que silenciosamente nunca acontece. Código é irracionalmente bom nisso, e é aí que essa ferramenta entra:

  • Variações de anúncio e de miniatura Uma composição, uma lista de manchetes, um render por linha. Testar criativos deixa de ser um problema de agenda e vira um laço que você repete na semana seguinte.
  • Formatos recorrentes Um clipe semanal de novidades ou um resumo mensal de métricas precisa ficar idêntico toda vez, uma exigência em que pessoas vão mal e modelos prontos vão bem.
  • Vídeo personalizado e guiado por dados Os mesmos trinta segundos com os números do próprio cliente dentro. Isso só é viável quando o vídeo é função dos dados e não um arquivo que alguém editou na mão.
  • Movimento para coisas que você já gera Se você já produz imagens de forma programática, esta é a versão em movimento da mesma ideia: o Satori renderiza JSX em imagem estática e o Remotion renderiza em quadros.

O que ele não faz é inventar imagem. Não há aqui nenhum modelo fazendo uma pessoa falar nem uma tomada de drone aparecer; cada pixel vem de algo que você montou. Isso é uma vantagem quando você precisa do mesmo resultado duas vezes e uma limitação quando o que você queria era um clima. Ele também não tem opinião sobre o que o vídeo deveria dizer, que segue sendo a parte difícil e a que nenhuma ferramenta tirou das costas de ninguém ainda.

A licença e a linha que ela traça

O Remotion tem código disponível sob uma licença de dois níveis, e o próprio selo do GitHub diz NOASSERTION, o que não é uma licença e apenas indica que o arquivo não é um dos padrões. Leia o LICENSE.md no repositório: os termos são curtos e incomumente claros sobre quem deve pagar.

Para quem o Remotion é gratuito
  • Pessoas físicas, entidades sem fins lucrativos e organizações não lucrativas: gratuito, inclusive para vídeo comercial.
  • Empresas com fins lucrativos de até três funcionários: gratuito.
  • Quem está avaliando e ainda não usa comercialmente: gratuito.
  • Organizações com fins lucrativos acima desse porte: é necessária uma licença corporativa paga.
  • Ninguém, em nenhum nível, pode reempacotar ou revender um derivado do próprio Remotion.

O limite é número de funcionários e não faturamento, o que faz dele uma data no seu futuro e não uma condição que talvez você nunca atinja. Se o vídeo já for estrutural quando você contratar a quarta pessoa, essa é uma linha de orçamento que dá para ver chegando — e vale muito mais saber disso no dia em que você adota a ferramenta do que no dia em que cruza a linha.

O que tentar dar vídeo a quem funda nos ensinou

Só podemos relatar a nossa experiência. A AgentCeres — a Growth Officer de IA, em agentceres.com — consegue gerar vídeo para clientes que pedem, e vídeo é uma das coisas que eles mais pedem. Duas coisas nos surpreenderam, e nenhuma delas foi a renderização.

A primeira é que o custo por clipe é a restrição de projeto, não o tempo de render. Alguns segundos de vídeo gerado custam da ordem de um dólar na configuração mais barata e várias vezes isso na de maior qualidade, então "me faz umas variações" é uma conta real e não uma tarefa de segundo plano. A segunda é que a entrega é onde quebra. Publicamos uma versão em que um clipe foi gerado corretamente, terminou e nunca foi mostrado à pessoa que havia pedido, que viu uma resposta vazia. Um vídeo que ninguém recebe é indistinguível de um vídeo que falhou, e a correção estava no caminho de entrega, não na geração.

Esse é o argumento a favor da ponta determinística desse espectro. Um render que você mesmo definiu custa mais ou menos o mesmo toda vez, produz o mesmo resultado toda vez e é entediante de entregar — que é exatamente a troca que você quer para os trabalhos de vídeo que se repetem. Se quem funda deveria estar fazendo vídeo é outra pergunta, e escrevemos sobre ela aqui: devo fazer vídeos para divulgar minha startup?. A AgentCeres é a camada de execução do outro lado dessa decisão: um time de especialistas de IA que redige e executa o trabalho, com uma pessoa aprovando tudo o que sai.

FAQ

Preciso saber React para usar o Remotion?
Na prática sim, ou pelo menos React o bastante para ficar à vontade com componentes, props e estado. Os conceitos de vídeo em cima disso são poucos: uma composição tem taxa de quadros e duração, você pergunta em que quadro está e devolve marcação diferente para quadros diferentes, então quem desenvolve web pega numa tarde. Quem nunca escreveu React vai passar o primeiro dia aprendendo React e não vídeo, o que vale saber antes de escolher isso em vez de um editor de linha do tempo.
Remotion ou um gerador de vídeo com IA?
Eles resolvem metades opostas do problema. Um modelo generativo inventa imagens que você não tinha e devolve um resultado diferente a cada execução, o que serve para peças pontuais e atmosféricas. O Remotion renderiza exatamente o que você especificou, idêntico, quantas vezes quiser, o que serve para tudo que tem forma de modelo: variações, formatos recorrentes, clipes guiados por dados. Times que usam os dois normalmente geram ou filmam o material bruto e usam código na camada que se repete: títulos, legendas, layout e versionamento.
Onde os vídeos são renderizados de fato?
Onde você apontar. O caminho direto é a sua própria máquina ou um processo Node num servidor, o que dá conta de um punhado de renders. Para volume, o projeto documenta renderização na AWS Lambda e na Vercel, além de um caminho no cliente que renderiza no navegador. A troca é a de sempre: local é grátis, lento e prende uma máquina, enquanto renderização distribuída custa dinheiro por render e transforma cem variações num trabalho paralelo em vez de numa tarde inteira.
Related projects
OpenCutUm editor de vídeo gratuito e de código aberto para web, desktop e mobile — uma alternativa ao CapCutSatoriA biblioteca open source da Vercel que transforma JSX e CSS em SVG: o motor por trás das imagens de Open Graph dinâmicasBrightBean StudioGestão de redes sociais open-source e auto-hospedável — agende, aprove e publique em mais de 10 plataformas a partir de um único painelApp Store ScreenshotsUma skill de agente de IA de código aberto que monta um editor em Next.js para capturas de tela de marketing da App Store e do Google Play — molduras de dispositivo, conjuntos por localidade e pacotes de exportação prontos para a loja com um clique

You built it. Now grow it.

AgentCeres is a managed AI marketing team — specialists draft the SEO, social, and outreach that fill your links, you approve what ships. 14-day free trial, from $39/month.

Start free trialMore projects