remotion-dev: o que é a organização oficial por trás do Remotion?

Fala aí, beleza? Todo npm install é um ato de confiança: tu coloca código de gente que tu nunca viu pra rodar na tua máquina, no teu build e, dependendo do caso, na tua produção

E quando o assunto é Remotion, o nome que aparece na origem de tudo é remotion-dev, a organização oficial do projeto no GitHub

Aqui tu vai ver o que vive dentro dessa organização, quais pacotes são oficiais de verdade, o que é só da comunidade orbitando o projeto e por que a licença entra nessa conversa antes mesmo de tu renderizar o primeiro vídeo 🙂

A organização remotion-dev no GitHub: o que vive lá dentro

O endereço canônico do projeto é a organização remotion-dev no GitHub

O repositório principal do framework é remotion-dev/remotion, descrito como "🎥 Make videos programmatically with React"

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Mas a organização não é só o framework: tem bastante repositório ali dentro além dele

Alguns que ajudam a entender o tamanho da coisa:

• remotion-dev/remotion: o repositório principal do framework
• remotion-dev/skills: as Agent Skills oficiais, pra usar com agentes de código
• remotion-dev/our-recorder: descrito como o repositório de todos os vídeos de redes sociais da própria empresa
• remotion-dev/template-prompt-to-motion-graphics-saas: um template de projeto
• remotion-dev/.github: o repo de configuração da própria organização

Repara no our-recorder: a empresa usa a própria ferramenta pra produzir o conteúdo dela, e deixa isso público

Então a org concentra três coisas diferentes ao mesmo tempo: o framework, material pra tu começar (templates e skills) e o uso interno da própria empresa

Pacotes oficiais: o pacote remotion e o escopo @remotion

No GitHub tu confere a origem, no npm tu confere o que realmente entra no teu package.json

O pacote principal se chama só remotion

Os complementos oficiais ficam todos dentro do escopo @remotion, e isso é o detalhe que mais ajuda na hora de bater o olho:

• @remotion/cli
• @remotion/renderer
• @remotion/bundler
• @remotion/player
• @remotion/studio
• @remotion/three
• @remotion/transitions
• @remotion/licensing
• @remotion/web-renderer

Se tu conhece o jeito que outros projetos grandes de JavaScript organizam pacotes com escopo, é exatamente a mesma ideia: a barra depois do @remotion funciona como um sobrenome que diz de qual família aquele pacote é

E dá pra saber se o projeto tá vivo?

Dá, e sem achismo

Na consulta pra este post, a versão publicada do pacote remotion era a 4.0.516, publicada havia cerca de 13 horas

E o npm apontava 211 outros projetos usando remotion

Versão nova saindo no mesmo dia é um sinal bem direto de manutenção ativa, muito melhor do que ficar contando estrela de repositório

Criando um projeto do jeito documentado:

O comando oficial documentado pra criar um projeto Remotion é este:

npx create-video@latest

E tem a variação documentada pra começar com um projeto em branco:

npx create-video@latest --yes --blank my-video

Aqui vale a paranoia saudável: comando de criação de projeto é justamente o tipo de coisa que aparece copiada e adaptada em tutorial por aí, então confere sempre com a doc oficial antes de rodar

Oficial x comunidade: como diferenciar na prática

Agora a parte que realmente resolve a dúvida de quem pesquisou por remotion-dev

Existe um ecossistema girando em volta do Remotion, e a própria documentação oficial lista coisas que NÃO são mantidas pela organização

A página remotion.dev/docs/resources lista pacotes e templates da comunidade, e qualquer pessoa pode adicionar item ali pelo botão "Improve this page"

Ou seja: estar listado na documentação oficial não significa ser mantido pela organização remotion-dev

Entre os itens da comunidade citados nessa página aparecem RemotionUI, Remotion Bits, Onda, TikTok Text Box e snapcn

Repara que a própria doc separa as coisas: existe uma página só de integrações de terceiros, a "Third party integrations", em remotion.dev/docs/third-party

E existe até uma doc chamada "Authoring a Remotion library", em remotion.dev/docs/authoring-packages, feita justamente pra quem quer publicar uma biblioteca de terceiros pro Remotion

Isso diz muita coisa: o projeto incentiva o ecossistema e ao mesmo tempo deixa claro qual é o limite do que ele mantém

Código público não é o mesmo que open source: a Remotion License

Aqui tá o ponto que mais gera confusão, e é o mais importante do post

O código do Remotion é público no GitHub, tu abre e lê tudo

Mas ele é source-available, não open source pela definição da Open Source Initiative

O uso é regido pela Remotion License, uma licença proprietária, e o arquivo LICENSE.md fica dentro do repositório oficial, em github.com/remotion-dev/remotion/blob/main/LICENSE.md

A regra prática, em uma linha:

A licença gratuita cobre indivíduos e organizações de até três pessoas, inclusive pra uso comercial

A licença de empresa passa a ser obrigatória quando o total de pessoas que operam o software chega a quatro ou mais

Tome cuidado com esse detalhe: a régua não é "projeto pessoal x projeto comercial", é o tamanho de quem opera o software

Dá pra faturar com Remotion sendo dois numa dupla, e dá pra cair na licença paga num time de quatro que usa a ferramenta só internamente

remotion.dev x remotion.pro: onde fica a documentação e onde fica a cobrança

Outra coisa que confunde na busca: são dois domínios

Documentação e código vivem em remotion.dev

Licenças e loja vivem em remotion.pro, o Remotion Pro

Os preços da licença de empresa publicados no site oficial de licenciamento:

• Remotion for Creators: US$ 25 por Seat por mês, sem mínimo quando comprado sozinho
• Remotion for Automators: US$ 0,01 por render, com mínimo de US$ 100 por mês
• Com as duas opções ativas ao mesmo tempo, aplica-se um Minimum Spend combinado de US$ 100 por mês, e o gasto com Seats conta pra esse mínimo

E tem produto pago vendido pela própria Remotion além da licença: o Editor Starter sai por US$ 600 em pagamento único, na loja em remotion.pro/store/editor-starter

Saber que a cobrança tem domínio próprio já resolve metade da dúvida de quem cai numa página e não sabe se tá no lugar certo

Quem está por trás do Remotion (e o homônimo que confunde a busca)

O criador do Remotion é Jonny Burger (no GitHub, github.com/jonnyburger), que aparece como Founder and Chief Hacker da Remotion

Ele próprio identifica publicamente Mehmet Ademi como cofundador

E agora a pegadinha de nome, que vale conhecer pra não se perder no Google

Existiu uma empresa homônima chamada Remotion, sem nenhuma relação com o framework React: era uma plataforma de vídeo para o trabalho, que anunciou captação de US$ 13 milhões em outubro de 2020

Projeto totalmente distinto do Remotion que mora em github.com/remotion-dev

Se tu bateu numa notícia de rodada de investimento e ficou com cara de "ué, é o mesmo?", era isso 😀

Quando saber o que é oficial muda a sua decisão

Beleza, mas na prática, quando essa distinção pesa de verdade? Se liga nos casos:

Na hora de escolher um pacote. Tu precisa de um componente e acha duas opções: uma no escopo @remotion e outra listada em resources. A primeira vem da organização, a segunda vem da comunidade e pode ter sido adicionada na página por qualquer pessoa. Não quer dizer que a de terceiro seja ruim, quer dizer que a responsabilidade de manutenção não é a mesma

Na hora de decidir se cabe no orçamento. Antes de padronizar Remotion no time, conta quantas pessoas vão operar o software. Até três, a licença gratuita cobre, inclusive comercial. A partir de quatro, entra a licença de empresa, e aí tu já sabe onde olhar o preço

Na hora de plugar num agente de código. A organização mantém um repositório oficial de Agent Skills em github.com/remotion-dev/skills, pra usar com agentes de código, e a documentação fica em remotion.dev/docs/ai/skills

Tem até página dedicada a usar a ferramenta com um agente específico: a "Prompting videos with Claude Code", em remotion.dev/docs/ai/claude-code

Ou seja, o material pra IA também tem endereço oficial, e isso muda o teu critério: dá pra apontar o agente pra skill mantida pela organização em vez de colar um prompt aleatório de algum lugar

Pra começar do zero com agentes de código trabalhando juntos, este vídeo do canal mostra a combinação de Claude Code + Codex na integração oficial:

Conclusão

A régua de confiança do Remotion cabe em quatro endereços, e é isso que tu leva daqui:

• Organização e código: github.com/remotion-dev, com remotion-dev/remotion como repo principal
• Pacotes: remotion e o escopo @remotion no npm
• Documentação: remotion.dev, lembrando que a página de resources lista itens da comunidade
• Licença: LICENSE.md dentro do repositório oficial

Qualquer coisa fora dessa lista pode ser ótima, mas é ecossistema, não é a organização remotion-dev

Próximo passo prático, na ordem: abre github.com/remotion-dev pra ver o que existe, lê o LICENSE.md com o tamanho do teu time em mente e cria um projeto com npx create-video@latest pra sentir a ferramenta

Decidir se a licença cabe no teu caso ANTES de escrever meio sistema em cima é o tipo de cuidado que economiza dor de cabeça lá na frente 🙂

Até o próximo post!