VideoFlow - Turn JSON code into programmatic videos [OpenSource Library]
by•
Open-source TypeScript toolkit to turn JSON into videos. 27 transitions, 42 GLSL effects, layer groups. Render in the browser, on a server, or live inside a React video editor — all from a single portable JSON.
Replies
Hey PH!!
It's me again and today I’m launching VideoFlow.dev, my 11th project of 2026.
VideoFlow is an open-source, JSON-first alternative to Remotion for
creating videos from code.
I built it because I wanted programmatic video generation where the video
itself is portable data, not tied to a React component tree. With
VideoFlow, scenes, layers, transitions, effects, timing, and render
settings are represented as JSON.
That same JSON can power multiple surfaces:
Browser rendering
Server rendering
Live React preview
Visual editing with a React video editor
The use cases I’m excited about are automated and generated video
workflows: personalized marketing videos, AI-generated explainers,
product demos, social templates, reporting videos, and video editors
built into SaaS products.
VideoFlow currently includes:
27 transition presets
42 GLSL effects
Layer groups
Keyframes
Multiple render targets
React editor support
Apache-2.0 open-source core
If you’ve tried Remotion, FFmpeg, Canvas, or custom render pipelines,
I’d love to hear where VideoFlow’s JSON-first approach feels useful,
and where it still needs work.
If you are interested in following my build in public journey, you can find me on X at @ybouane.
This looks pretty cool. How different is it from remotion?
@na_dollarsign Remotion is not open source and requires the use of React to create videos.
VideoFlow uses JSON and is open source.
More comparisons here:
https://videoflow.dev/videoflow-vs-remotion