videoflow.dev

mx

route2.mx.cloudflare.net

route1.mx.cloudflare.net

route3.mx.cloudflare.net

ns

diva.ns.cloudflare.com

leo.ns.cloudflare.com

caa

txt

v=spf1 include:_spf.mx.cloudflare.net ~all

google-site-verification=jNIIg71wYfjQF1JFzA3tkeFca264FigBS3hjtgRHY3A

dmarc

User-agent: *
Allow: /

Sitemap: https://videoflow.dev/sitemap.xml

# VideoFlow

> Open-source TypeScript toolkit (Apache-2.0) for composing videos from code. Write a fluent JS/TS builder script, compile to portable VideoJSON, render to MP4 in a browser tab (WebCodecs), on a Node server (headless Chromium, no ffmpeg required by default), or live in the DOM at 60 fps. Ships 27 transition presets, 42 GLSL effects, layer groups, frame-perfect keyframes. Optional drop-in React video editor available (free for small teams / non-profits).

## Product

- [Home](https://videoflow.dev/): Overview of the toolkit, the three renderers, and what you can build with it.
- [@videoflow/core](https://videoflow.dev/core): The fluent builder API, layers, transitions, effects, keyframes.
- [Renderers](https://videoflow.dev/renderers): The three official renderers — browser, server, DOM.
- [React Video Editor](https://videoflow.dev/react-video-editor): Drop-in <VideoEditor /> React component with multi-track timeline, inspector, four themes, MP4 export.
- [Playground](https://videoflow.dev/playground): Interactive in-browser editor — write flow code, watch the VideoJSON, render it.
- [Examples](https://videoflow.dev/examples): Remixable example flows with full source and rendered MP4 loops.

## Docs

- [Docs index](https://videoflow.dev/docs): Entry point for guides and API reference.
- [Docs as markdown](https://videoflow.dev/docs/llms.txt): Per-page index with Markdown URLs (recommended for LLMs).
- [Full docs bundle](https://videoflow.dev/docs/llms-full.txt): Every guide and API reference page concatenated into one file.

## Comparisons

- [VideoFlow vs Remotion](https://videoflow.dev/videoflow-vs-remotion): Apache-2.0 + JSON-portable vs proprietary + React-component model.
- [VideoFlow vs FFmpeg](https://videoflow.dev/videoflow-vs-ffmpeg): Typed builder + cinematic primitives vs string-typed shell commands.
- [Remotion alternatives](https://videoflow.dev/remotion-alternatives): Open-source alternatives to Remotion.

## Optional

- [Blog](https://videoflow.dev/blog): Tutorials, deep dives, and comparisons.
- [GitHub repository](https://github.com/ybouane/VideoFlow): Source code for core + renderers (Apache-2.0).
- [License](https://videoflow.dev/license): Licensing for core (Apache-2.0) and the React Video Editor (dual: free for individuals / ≤3-employee orgs / non-profits, company license beyond that).