Resumo
Escolha o HyperFrames se um agente de IA vai escrever a maior parte dos seus vídeos, se o seu time pensa em HTML e CSS, ou se você quer uma licença Apache 2.0 sem taxas, seja qual for o tamanho da empresa. Escolha o Remotion se o seu time já escreve React, se você precisa de vídeos baseados em dados em escala, ou se prefere o ecossistema mais antigo, com mais exemplos e um renderizador na nuvem já testado. Os dois transformam código em MP4. Nenhum é um editor de vídeo, então, se ninguém no seu time escreve código, veja as alternativas no final.
Até pouco tempo atrás, não tinha muita disputa. Se você queria fazer vídeos com código, usava o Remotion. Aí a HeyGen abriu o código do HyperFrames, construiu tudo em cima de HTML simples em vez de React e lançou junto skills para agentes de código como Claude Code, Codex e Cursor. Agora muitos times estão fazendo a mesma pergunta: em qual a gente constrói?
A versão curta é que os dois resolvem o mesmo problema com apostas diferentes. O Remotion aposta no React. O HyperFrames aposta que HTML é o que tanto as pessoas quanto os modelos de IA já escrevem melhor. Veja como isso funciona na prática.
Qual é a diferença entre HyperFrames e Remotion?
O Remotion deixa você escrever vídeos como componentes React. Cada quadro é um render do seu componente em um número de quadro específico, que você lê com useCurrentFrame(). Você anima calculando valores a partir desse número. Se você sabe React, é natural. Se não sabe, é muita coisa para aprender só para mexer um logo.
O HyperFrames deixa você escrever vídeos como arquivos HTML. Você monta a cena com HTML e CSS, adiciona atributos de dados para o tempo e as faixas, e anima com o que quiser, desde que a animação possa ser posicionada em qualquer instante: timelines do GSAP, animações CSS, Lottie, Three.js, Anime.js ou a Web Animations API. O renderizador abre a página em um Chrome headless, pula para cada quadro e codifica o resultado com o FFmpeg.
Os dois são determinísticos: o mesmo código gera sempre o mesmo vídeo, que é justamente a graça de fazer vídeo com código. A diferença é a linguagem em que você escreve, e é isso que decide quem do seu time (ou qual agente) consegue trabalhar nele.
HyperFrames vs Remotion lado a lado
| HyperFrames | Remotion | |
|---|---|---|
| Feito por | HeyGen (open source) | Remotion (código disponível) |
| Você escreve | HTML, CSS e animação em JavaScript que pode ser posicionada no tempo (GSAP, Lottie, Three.js e outras) | Componentes React (TSX) |
| Tempo | Atributos de dados, em segundos | Números de quadro, via useCurrentFrame() |
| Etapa de build | Nenhuma: uma composição index.html roda do jeito que está | Precisa de um bundler |
| Licença | Apache 2.0, grátis em empresas de qualquer tamanho | Grátis para pessoas físicas, organizações sem fins lucrativos e times de até 3; Company License acima disso |
| Custo para uma empresa maior | US$ 0 de licença (você paga a sua própria renderização) | US$ 25 por mês por assento, ou US$ 0,01 por render com mínimo de US$ 100 por mês; Enterprise a partir de US$ 500 por mês |
| Renderização | Chrome headless e FFmpeg, pela CLI, localmente, no Docker ou no AWS Lambda; precisa de Node.js 22+ e FFmpeg | CLI ou API Node, mais Remotion Lambda, Cloud Run e Vercel para renderizar na nuvem |
| Suporte a agentes de IA | Skills e plugins oficiais para Claude Code, Codex, Cursor e Gemini CLI | Agent Skills oficiais para Claude Code, Codex, Cursor e outros |
| Ideal para | Vídeos escritos por agentes, times web, motion com cara de site | Times de React, vídeo baseado em dados em volume, renderização na nuvem madura |
Licenças e preços verificados em github.com/heygen-com/hyperframes e remotion.dev em 3 de novembro de 2026. Os preços mudam, então confira antes de fechar.
Qual é melhor para vídeo gerado com IA?
Essa é a pergunta que a maioria das pessoas está realmente fazendo, porque o motivo de os dois projetos terem ficado populares de repente é que os agentes de código já conseguem escrever motion graphics decentes sozinhos.
O HyperFrames foi feito para isso. Ele vem com um conjunto de skills que você instala no seu agente, e a CLI não é interativa por padrão, então um agente consegue rodar init, preview e render sem travar em uma pergunta. Também não tem etapa de build: a composição é uma página web que roda do jeito que está. Mais importante, o resultado é HTML, que é o que os modelos de linguagem mais viram na vida. Quando um agente escreve uma timeline do GSAP em uma página web, ele está jogando em casa.
O Remotion também funciona com agentes. Ele agora mantém as próprias skills oficiais para agentes, para criar projetos, escrever composições, renderizar, legendas e mapas, e muita gente gera vídeos de Remotion com Claude ou Cursor todo dia. O atrito é que o agente precisa acertar ao mesmo tempo o React, a conta dos quadros e as APIs do próprio Remotion. Quando dá errado, o erro costuma ser de React, não de vídeo, e isso é mais difícil de consertar para quem não programa.
Se um desenvolvedor vai cuidar do código a longo prazo, isso pesa menos. Se um agente escreve o primeiro rascunho e alguém ajusta pedindo mudanças, hoje o HyperFrames leva vantagem.
O HyperFrames é grátis? E quanto custa o Remotion?
O HyperFrames tem licença Apache 2.0. Você pode usar comercialmente em empresas de qualquer tamanho, sem taxa por render. Você ainda paga pelo lugar onde renderiza: a sua máquina, um servidor ou uma função na nuvem. Algumas skills opcionais para agentes, como reconstruir um vídeo existente como projeto de HyperFrames, precisam do HyperFrames Pro, o plano pago da HeyGen. O framework em si, não.
O Remotion é grátis para pessoas físicas, organizações sem fins lucrativos e times de até três pessoas. Acima disso você precisa de uma Company License, e a conta é a sua organização inteira, não só quem usa o Remotion. No remotion.dev, as opções são US$ 25 por mês para cada pessoa que escreve código de Remotion (na mão ou com um agente), ou US$ 0,01 por vídeo renderizado com mínimo de US$ 100 por mês se você renderiza de forma programática ou incorpora o Remotion Player. A Enterprise License tem mínimo de US$ 500 por mês. Para um time de cinco pessoas construindo um produto em cima dele, é um gasto real, mas modesto: o mínimo de US$ 100 cobre 10.000 renders por mês. Para uma empresa que renderiza centenas de milhares de vídeos personalizados por mês, faça as contas antes.
Sendo justo com o Remotion: a licença paga um time em tempo integral que mantém o projeto, e quem tem Company License é atendido primeiro, coisa que você não vai ter com um repositório open source.
Onde o Remotion ainda ganha?
Ecossistema. O Remotion existe há muito mais tempo. Tem mais templates, mais exemplos, mais perguntas já respondidas e mais gente que já esbarrou exatamente no seu bug.
Vídeo baseado em dados em escala. Se você gera milhares de vídeos a partir de um banco de dados, um por cliente, o modelo React do Remotion facilita passar os dados como props, e o Remotion Lambda é um caminho bem conhecido para renderizar em paralelo na nuvem. O HyperFrames também tem um caminho de renderização no AWS Lambda, mas é mais novo.
Times de React. Se o seu produto já é em React, os seus componentes, o seu design system e os seus tipos podem ir direto para os vídeos. Isso faz muita diferença, e o HyperFrames não consegue igualar.
Onde o HyperFrames ganha?
Não precisa de React. Qualquer pessoa que sabe escrever uma página web consegue escrever um vídeo de HyperFrames. Isso amplia o grupo de pessoas (e agentes) que podem mexer nele.
Qualquer biblioteca de animação web. Se o seu time já anima com GSAP ou Lottie para o site, o mesmo conhecimento, e até o mesmo código, servem.
Licença. Sem contar assentos, sem contar renders, sem conversa com o time de compras.
Feito para agentes. As skills, os padrões da CLI e o design centrado em HTML partem do princípio de que uma IA escreve boa parte do código.
Quais são as melhores alternativas ao HyperFrames?
Se nenhum dos dois serve, estas são as opções que valem uma olhada, organizadas por quem escreve o vídeo.
Remotion, que já vimos acima. A alternativa padrão se você sabe React.
Motion Canvas. Com licença MIT. Você escreve as cenas em TypeScript, elas são desenhadas em um canvas em vez do DOM, e um editor mostra a prévia em tempo real. É muito querido para vídeos explicativos e visualizações feitos à mão e sincronizados com uma narração, o tipo de coisa que você vê em um vídeo de programação ou matemática no YouTube. Encaixa menos em fluxos automatizados.
Revideo. Também com licença MIT e também com cenas em TypeScript, com uma API de renderização headless, então você consegue gerar vídeos a partir de um servidor, de uma fila ou de um cron, além de um player React para as prévias. Roda em qualquer lugar onde rodem o Node e um navegador headless, incluindo o Google Cloud Run. Bom para vídeo com templates em volume se você gosta de escrever as cenas como código.
Ferramentas sem código e de motion com IA. Se ninguém no time quer mexer em código, um framework é a camada errada. Já existem ferramentas que escrevem por você: você descreve o vídeo com as suas palavras, uma IA monta a animação e você exporta um MP4. A nossa seleção de ferramentas de motion graphics com IA compara essas opções, e se você chegou aqui vindo de outros produtos da HeyGen, o nosso guia de alternativas à HeyGen cobre a parte de avatares.
Então, qual escolher?
Pergunte quem vai escrever o código. Se for um desenvolvedor React, Remotion. Se for um agente de IA, ou um desenvolvedor web que prefere escrever HTML e GSAP, HyperFrames. Se não for ninguém, nenhum dos dois: use uma ferramenta que escreva por você.
E se ainda estiver em dúvida, faça o mesmo clipe de 10 segundos nos dois. Leva uma tarde, e no fim você vai saber em qual o seu time quer morar.
Perguntas frequentes
- O HyperFrames é melhor que o Remotion?
- Nenhum é melhor em tudo. O HyperFrames é melhor quando um agente de IA escreve o vídeo ou quando o seu time prefere HTML e CSS. O Remotion é melhor para times de React e para vídeo baseado em dados em grande volume.
- O HyperFrames é grátis?
- Sim. O HyperFrames é open source com licença Apache 2.0, grátis para uso comercial em empresas de qualquer tamanho e sem taxa por render. Algumas skills opcionais para agentes precisam do HyperFrames Pro, o plano pago da HeyGen, mas o framework, a CLI e as skills principais não.
- Qual é uma boa alternativa ao HyperFrames?
- O Remotion se você escreve React, o Motion Canvas para vídeos explicativos feitos à mão, o Revideo para renderizar a partir de um servidor ou de uma fila, ou uma ferramenta de motion graphics com IA se você não quer escrever código nenhum.
- Preciso pagar pelo Remotion?
- Só se a sua organização tiver quatro pessoas ou mais, contando todo mundo, não só quem usa o Remotion. Pessoas físicas, organizações sem fins lucrativos e times de até três pessoas usam de graça. Empresas maiores precisam de uma Company License, cobrada por assento ou por render.
- Como começo um projeto de HyperFrames?
- Instale o Node.js 22 ou mais recente e o FFmpeg, e rode npx hyperframes init. Use npx hyperframes preview para ver no navegador e npx hyperframes render para exportar um MP4.
- A IA consegue escrever vídeos de Remotion ou de HyperFrames?
- Sim. Os dois publicam skills oficiais para agentes de código como Claude Code, Codex e Cursor. O HyperFrames gera HTML simples sem etapa de build, o que costuma ajudar o agente a acertar de primeira.
Licenças e preços foram verificados em github.com/heygen-com/hyperframes, remotion.dev e remotion.pro em 3 de novembro de 2026 e mudam com frequência. Aviso: esta comparação é publicada pelo fluos, uma ferramenta de motion graphics com IA. O fluos é construído sobre o HyperFrames e usa ele para renderizar os vídeos que faz. Não temos nenhuma relação comercial com a HeyGen nem com o Remotion.