Repolode
Enviar
remotion-dev

remotion-dev/remotion

Framework basado en React para crear videos mediante código, con el código como fuente de verdad para las líneas de tiempo y las animaciones.

Alternativa open source a:Adobe After Effects

Ver en GitHubSitio web
Estrellas
66,055
Forks
5,285
Issues abiertos
177
Último commit
hace 2 horas

¿Qué es?

Remotion permite a los desarrolladores crear videos con componentes de React. Cada fotograma se renderiza a partir de código React convencional, por lo que las animaciones, el contenido basado en datos y las plantillas reutilizables se pueden escribir y versionar como cualquier otra interfaz web.

El proyecto abarca todo el flujo de trabajo: un agente de programación o un editor interactivo pueden crear un video, y el mismo código de React se puede renderizar en servidores propios, mediante AWS Lambda, en entornos aislados de Vercel o en el navegador, del lado del cliente. También incluye un Player para insertar vistas previas de video en aplicaciones.

El conjunto de herramientas ofrece bloques de construcción como formas, transiciones, subtítulos, fuentes, efectos de sonido y una plantilla inicial de editor. Está pensado para equipos que producen muchos videos a partir de una misma base de código, por ejemplo mediante renderizado por lotes o sistemas de diseño de recursos animados.

Funciones clave

  • 01Crear videos como componentes de React con tiempos basados en fotogramas.
  • 02Renderizar en servidores Node.js propios, AWS Lambda o entornos aislados de Vercel.
  • 03Admite el renderizado del lado del cliente en el navegador.
  • 04Incluye un Player para insertar vistas previas en aplicaciones.
  • 05Ofrece formas, transiciones, subtítulos, fuentes y efectos de sonido.
  • 06Compatible con agentes de programación y flujos de trabajo de edición interactiva.

Casos de uso

  • Generar a gran escala videos personalizados o basados en datos a partir de plantillas.
  • Crear una biblioteca de recursos animados reutilizables para la marca de una empresa.
  • Añadir un editor de video o una vista previa dentro de una aplicación web.
  • Automatizar el renderizado de clips de marketing o redes sociales en infraestructura propia.

Inicio rápido

  1. 1

    Instala Node.js si todavía no lo tienes

  2. 2

    Crea un nuevo proyecto de vídeo con la herramienta de scaffolding

    npx create-video@latest

Antes de usarlo

  • Remotion usa una licencia especial y, en algunos casos, requiere una licencia empresarial.
  • Renderizar a gran escala en tu propia infraestructura requiere trabajo de configuración.

Temas

#react#video#animation#typescript#rendering#video-generation#javascript

Preguntas frecuentes

¿Qué es remotion?
Framework basado en React para crear videos mediante código, con el código como fuente de verdad para las líneas de tiempo y las animaciones. Remotion permite a los desarrolladores crear videos con componentes de React. Cada fotograma se renderiza a partir de código React convencional, por lo que las animaciones, el contenido basado en datos y las plantillas reutilizables se pueden escribir y versionar como cualquier otra interfaz web.
¿remotion es gratuito? ¿Qué licencia tiene?
remotion es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿remotion sigue mantenido?
Mantenimiento activo. El último commit de remotion fue el 22 oct 2026.
¿Para qué puedo usar remotion?
Generar a gran escala videos personalizados o basados en datos a partir de plantillas. Crear una biblioteca de recursos animados reutilizables para la marca de una empresa. Añadir un editor de video o una vista previa dentro de una aplicación web. Automatizar el renderizado de clips de marketing o redes sociales en infraestructura propia.
¿Cómo se instala remotion?
Instala Node.js si todavía no lo tienes Crea un nuevo proyecto de vídeo con la herramienta de scaffolding: npx create-video@latest
¿Dónde consigo remotion?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/remotion-dev/remotion

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados