VideoFlowcodeGitHubStudioTry itCoreRenderersReact Video EditorPlaygroundExamplesDocscodeGitHubStudioTry it
Getting started
InstallationQuick startCore conceptsYour first video
Builder
Builder APITime formatsParallel & wait
Layers
TextImageVideoAudioCaptionsShapeGroups
Animation
Animate & keyframesEasing functionsTransitionsEffects
Renderers
Browser rendererServer rendererDOM preview
React Video Editor
QuickstartThemingUploadsCustom panelsHooks & commandsKeyboard shortcuts
API reference
Overview@videoflow/core@videoflow/renderer-browser@videoflow/renderer-server@videoflow/renderer-dom@videoflow/react-video-editor
Documentation

VideoFlow docs

VideoFlow is an open-source toolkit for composing videos from code. Write a fluent builder script in JavaScript, compile to portable VideoJSON, and render to MP4 from a browser, Node, or a live DOM preview.

rocket_launch

Start here

Install, learn the four core ideas, and ship your first video.

InstallationQuick startCore conceptsYour first videoterminal

Builder

The fluent builder — factories, flow control, time formats.

Builder APITime formatsParallel & waitlayers

Layers

Six composable layer types plus a group container — text, image, video, audio, captions, shape, group.

TextImageVideoAudioCaptionsShapeGroupsanimation

Animation

Keyframes, easings, transitions, and GPU effects.

Animate & keyframesEasing functionsTransitionsEffectsbolt

Rendering

Three backends — browser, server, and live DOM preview.

Browser rendererServer rendererDOM previewmovie_edit

React Video Editor

Drop-in editor component — quickstart, theming, integrations.

QuickstartThemingUploadsCustom panelsHooks & commandsKeyboard shortcutsAPI reference

Complete API reference

Every method, type, and option documented. Start with the overview or jump into a package:

code

@videoflow/core

code

@videoflow/renderer-browser

code

@videoflow/renderer-server

code

@videoflow/renderer-dom

code

@videoflow/react-video-editor

VideoFlow

Open-source toolkit for composing videos from code.

Product

CoreRenderersReact Video EditorPlaygroundStudio

Learn

DocsAPI referenceExamplesvs. Remotionvs. FFmpeg

Project

GitHubLicenseContactTermsPrivacy

From the blog

All posts →Cinematic Code: How to Stack and Animate GLSL Effects in VideoFlowHeadless Video as a Service: Building a Scalable Rendering API with Node.jsProgrammatic Video Localization: Scaling Multilingual Content with VideoFlowFrom JSON to MP4 in the Browser: Zero-Server Video ExportAnimated Infographics as Code: Building a Reusable Data-Viz LibraryCI/CD for Video: Building a Diffable Asset Pipeline with VideoFlowBeyond Static Images: Generating Dynamic Social Share Videos from MetadataHow to Embed a Full-Featured Video Editor in Your React App© 2026 VideoFlow. Apache-2.0 core.