Programmatic video

Remotion

Hacer vídeos con React — el mismo tipo de componente que escribes para una página web, renderizado fotograma a fotograma a un MP4

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

Remotion es un framework para hacer vídeos en React: escribes componentes y él los renderiza fotograma a fotograma a un MP4. Tiene 57.096 estrellas en GitHub a fecha de agosto de 2026 y publica versiones casi todas las semanas. Para quien funda una empresa lo interesante no es el arte, sino que un vídeo definido en código puede volver a renderizarse cien veces con datos distintos, que es justo lo que necesitan las variantes de anuncios, los formatos recurrentes y los clips personalizados. Su licencia es gratuita para particulares y para empresas con ánimo de lucro de hasta tres personas empleadas, y por encima de eso exige una licencia de empresa de pago.

Qué es Remotion

Remotion (github.com/remotion-dev/remotion) trata un vídeo como un componente de React. Maquetas un fotograma con el mismo JSX, CSS e imágenes que usarías en una página web, le preguntas al framework en qué fotograma estás y animas devolviendo algo distinto para cada uno. Un estudio te da una línea de tiempo y una vista previa en vivo mientras trabajas, un componente reproductor incrusta el resultado dentro de tu propia aplicación, y el renderizador convierte una composición en un archivo de vídeo, en local con Node, en AWS Lambda, en Vercel o en el navegador.

El README presenta ahora el proyecto como herramientas de vídeo para la era de los agentes, y describe tres formas de entrar: de forma agéntica, dejando que un agente de programación escriba la composición; de forma interactiva, arrastrando cosas en el editor; y de forma programática, conectando la composición a datos. El código React sigue siendo la fuente de verdad en las tres, que es la razón por la que la tercera funciona.

Se mantiene a un ritmo difícil de fingir. La versión v4.0.515 salió el 21 de agosto de 2026 con otras tres en la semana anterior, y los commits que hay detrás son trabajo de producto normal y no mantenimiento: reglas y guías añadidas a la barra del estudio, un arreglo para la mezcla de audio 5.1, la instalación de paquetes movida a una pestaña de ajustes. Leer los mensajes de los commits en lugar de la fecha del último push es la forma barata de distinguir un proyecto mantenido de uno aparcado, y este repositorio pasa esa prueba de sobra.

Dónde encaja en el stack de crecimiento de una fundadora

La mayoría de quienes fundan no tienen un problema de vídeo, tienen un problema de variantes de vídeo. El primer clip es un día de trabajo para el que encontrarás hueco. La décima versión, con otro titular, otro precio y otro idioma, es la que en silencio no llega a existir nunca. El código es irracionalmente bueno justo en eso, y ahí es donde encaja esto:

  • Variantes de anuncios y miniaturas Una composición, una lista de titulares, un render por fila. Probar creatividades deja de ser un problema de agenda y se convierte en un bucle que puedes repetir la semana que viene.
  • Formatos recurrentes Un clip semanal de novedades o un resumen mensual de métricas tiene que verse idéntico cada vez, que es un requisito que a las personas se les da mal y a las plantillas bien.
  • Vídeo personalizado y guiado por datos Los mismos treinta segundos con las cifras propias de cada cliente dentro. Eso solo es viable cuando el vídeo es una función de los datos y no un archivo que alguien montó a mano.
  • Movimiento para cosas que ya generas Si ya produces imágenes de forma programática, esta es la versión en movimiento de la misma idea: Satori renderiza JSX a una imagen fija y Remotion lo renderiza a fotogramas.

Lo que no hará es inventarse metraje. Aquí no hay ningún modelo haciendo hablar a una persona ni apareciendo un plano de dron; cada píxel viene de algo que tú maquetaste. Eso es una ventaja cuando necesitas el mismo resultado dos veces y una limitación cuando lo que querías era una atmósfera. Tampoco tiene opinión sobre qué debería decir el vídeo, que sigue siendo la parte difícil y la que ninguna herramienta le ha quitado todavía a nadie.

La licencia y la línea que traza

Remotion es de código disponible con una licencia de dos niveles, y la propia etiqueta de GitHub pone NOASSERTION, que no es una licencia sino solo un aviso de que el archivo no es uno de los estándar. Lee LICENSE.md en el repositorio: los términos son cortos y poco habitualmente claros sobre quién debe pagar.

Para quién es gratis Remotion
  • Particulares, entidades sin ánimo de lucro y organizaciones no lucrativas: gratis, también para vídeo comercial.
  • Empresas con ánimo de lucro de hasta tres personas empleadas: gratis.
  • Quien lo esté evaluando y todavía no lo use comercialmente: gratis.
  • Organizaciones con ánimo de lucro por encima de ese tamaño: hace falta una licencia de empresa de pago.
  • Nadie, en ningún nivel, puede reempaquetar ni revender un derivado del propio Remotion.

El umbral son personas empleadas y no ingresos, lo que lo convierte en una fecha de tu futuro y no en una condición que quizá nunca cumplas. Si para cuando contrates a la cuarta persona el vídeo se ha vuelto estructural, esa es una línea de presupuesto que puedes ver venir, y conviene mucho más saberlo el día que adoptas la herramienta que el día que cruzas la raya.

Lo que nos enseñó intentar dar vídeo a quienes fundan

Solo podemos contar nuestra experiencia. AgentCeres — el Growth Officer con IA, en agentceres.com — puede generar vídeo para clientes que lo piden, y resulta que el vídeo es una de las cosas que más piden. Dos cosas nos sorprendieron, y ninguna fue el renderizado.

La primera es que el coste por clip es la restricción de diseño, no el tiempo de render. Unos segundos de vídeo generado cuestan del orden de un dólar en el ajuste barato y varias veces eso en el de más calidad, así que "hazme unas variantes" es una factura real y no un trabajo en segundo plano. La segunda es que la entrega es donde se rompe. Publicamos una versión en la que un clip se generó bien, terminó y nunca se le mostró a la persona que lo había pedido, que vio una respuesta vacía. Un vídeo que nadie recibe es indistinguible de un vídeo que falló, y el arreglo estuvo en la ruta de entrega y no en la generación.

Ese es el argumento a favor del extremo determinista de este espectro. Un render que definiste tú cuesta más o menos lo mismo cada vez, produce el mismo resultado cada vez y es aburrido de entregar, que es exactamente el trato que quieres para los trabajos de vídeo que se repiten. Si una fundadora debería estar haciendo vídeo siquiera es otra pregunta, y hemos escrito sobre ella aquí: ¿debería hacer vídeos para dar a conocer mi startup?. AgentCeres es la capa de ejecución al otro lado de esa decisión: un equipo de especialistas con IA que redacta y ejecuta el trabajo, con una persona aprobando todo lo que sale.

FAQ

¿Necesito saber React para usar Remotion?
Realistamente sí, o al menos el React suficiente para estar cómoda con componentes, props y estado. Los conceptos de vídeo que se apoyan encima son pocos: una composición tiene fotogramas por segundo y una duración, preguntas en qué fotograma estás y devuelves marcado distinto para fotogramas distintos, así que quien desarrolla web lo coge en una tarde. Quien no haya escrito React nunca pasará el primer día aprendiendo React y no vídeo, cosa que conviene saber antes de elegirlo frente a un editor de línea de tiempo.
¿Remotion o un generador de vídeo con IA?
Resuelven mitades opuestas del problema. Un modelo generativo inventa metraje que no tenías y da un resultado distinto en cada ejecución, lo que encaja con piezas atmosféricas puntuales. Remotion renderiza exactamente lo que especificaste, idéntico, tantas veces como quieras, lo que encaja con todo lo que tenga forma de plantilla: variantes, formatos recurrentes, clips guiados por datos. Los equipos que usan ambos suelen generar o grabar el material bruto y usar código para la capa que se repite: títulos, subtítulos, maquetación y versionado.
¿Dónde se renderizan los vídeos en realidad?
Donde tú apuntes. El camino directo es tu propia máquina o un proceso de Node en un servidor, que va bien para un puñado de renders. Para volumen, el proyecto documenta renderizar en AWS Lambda y en Vercel, además de una vía en cliente que renderiza en el navegador. El intercambio es el de siempre: en local es gratis, lento y ocupa una máquina, mientras que el renderizado distribuido cuesta dinero por render y convierte cien variantes en un trabajo paralelo en vez de en una tarde.
Related projects
OpenCutUn editor de vídeo gratuito y de código abierto para web, escritorio y móvil — una alternativa a CapCutSatoriLa librería de código abierto de Vercel que convierte JSX y CSS en SVG: el motor detrás de las imágenes de Open Graph dinámicasBrightBean StudioGestión de redes sociales de código abierto y autoalojable —programa, aprueba y publica en más de 10 plataformas desde un solo panelApp Store ScreenshotsUna skill de código abierto para agentes de IA que monta un editor Next.js para capturas de marketing de App Store y Google Play — marcos de dispositivo, sets por idioma y paquetes de exportación listos para la tienda con un solo clic

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