Motion Skills
← Guias

HyperFrames vs. Remotion: qual motor usar para vídeo feito com IA?

Os dois permitem que um agente escreva vídeo como código e o renderize em MP4. A diferença está no que o agente escreve e na licença: o HyperFrames é HTML, CSS e GSAP sob Apache 2.0; o Remotion é React, gratuito para pessoas físicas e empresas de até três pessoas.

Os detalhes de licença e preços vêm das páginas de cada projeto, conferidas em 29 de outubro de 2026.

HyperFrames

  • O que você escreve: HTML, CSS e timelines do GSAP. Os agentes já escrevem isso com fluência.
  • Renderização: uma CLI (npx hyperframes render) controla o Chrome headless e o FFmpeg, quadro a quadro, de forma determinística. Ela precisa do Node.js 22 ou mais recente e do FFmpeg.
  • Feito para agentes: o check faz verificações de lint, execução, layout, movimento e contraste; o snapshot captura quadros estáticos para que o agente olhe o próprio trabalho antes de renderizar. Ele vem com um plugin para o Claude Code e skills avulsos.
  • Licença: Apache 2.0, gratuita inclusive para uso comercial. github.com/heygen-com/hyperframes

Remotion

  • O que você escreve: componentes React, com hooks baseados em quadros (useCurrentFrame).
  • Pontos fortes: um ecossistema maduro, ótimo para vídeos guiados por dados e vídeo programático em escala, e renderização no servidor via Lambda.
  • Para agentes: skills de agente oficiais (npx remotion skills add) ensinam o Claude Code, o Codex ou o Cursor a escrever código Remotion correto.
  • Licença: gratuita para pessoas físicas e empresas de até três pessoas; empresas com quatro ou mais pessoas precisam de uma Company License.

As licenças em resumo

Licença Gratuito para Pago quando
HyperFrames Apache 2.0 Todo mundo, inclusive para uso comercial Nunca, no caso do próprio motor
Remotion Remotion License Pessoas físicas e empresas de até 3 pessoas 4+ pessoas: Remotion for Creators, $25 por assento por mês; Remotion for Automators, $0.01 por render com um mínimo mensal de $100
Motion Canvas MIT Todo mundo, inclusive para uso comercial Nunca, no caso da própria biblioteca

Onde entra o Motion Canvas

O Motion Canvas é uma terceira opção, com outra ideia: "uma biblioteca TypeScript que usa geradores para programar animações", mais um editor que mostra a prévia delas em tempo real. Cada animação é uma sequência de passos que você escreve à mão, o que combina com explicativos em que você quer controlar cada momento. Ele não é construído em torno de agentes como o HyperFrames e os skills do Remotion, e o README dele não descreve um render em MP4 com um único comando, então confira a documentação para saber como o vídeo sai.

Qual usamos

Nossos skills de vídeo completo e o skill gratuito Motion Director rodam no nosso próprio motor aberto, o motion-skills (mo, via npx). Ele segue a mesma ideia do HyperFrames: um vídeo é HTML, CSS e GSAP, renderizado quadro a quadro no Chrome com FFmpeg, e o mo check encontra texto cortado, coberto ou com pouco contraste antes de renderizar. Nossos modelos de animação anteriores, agora mantidos no site como exemplos, foram feitos no próprio HyperFrames: HTML e CSS os deixavam legíveis e fáceis de editar à mão, e as verificações embutidas pegavam problemas de layout cedo.

Se a sua equipe já trabalha com React e Remotion, as mesmas ideias de movimento valem. O que faz o vídeo é o ofício (ritmo, tipografia, easing, contenção), não o motor. Para ver o que os skills de agente do Remotion fazem ao lado de um dos nossos skills de vídeo completo, leia Skills de agente do Remotion vs Motion Skills; para todos os caminhos a partir do Claude Code, leia Como fazer um vídeo com o Claude Code.

Perguntas

O HyperFrames é gratuito para uso comercial?

Sim. O HyperFrames é de código aberto sob a licença Apache 2.0, então você pode usá-lo no trabalho sem pagar pelo motor. Ele precisa do Node.js 22 ou mais recente e do FFmpeg, e renderiza no Chrome headless.

HyperFrames ou Remotion?

HyperFrames se o seu agente escreve HTML, CSS e GSAP; Remotion se a sua equipe trabalha com React ou precisa de renderização em escala.

O Remotion é gratuito?

Para pessoas físicas e empresas de até três pessoas, sim. Empresas com quatro ou mais pessoas precisam de uma Company License: o Remotion for Creators custa $25 por assento por mês, e o Remotion for Automators custa $0.01 por render com um mínimo mensal de $100.

E o Motion Canvas?

O Motion Canvas é uma biblioteca TypeScript com licença MIT para animação feita com código, com um editor de prévia ao vivo. Ele combina com explicativos que você escreve à mão, e não com vídeos que um agente escreve por você.

Fontes

Esta comparação é independente. Não temos vínculo com a HeyGen, o Remotion ou o Motion Canvas. Conferido em 29 de outubro de 2026.