Programmatic video

Write HTML.
Get video.

Editframe is the missing abstraction for programmatic video. You write declarative compositions as HTML + CSS.

Use state of the art tooling and frameworks to manage data, templating, animations, and more. Be it Ruby on Rails or Next.js, any framework you use today can build video.

Get instant feedback with our preview engine, and when it's time to commit to a file, render to video straight in the web-browser, from our CLI, or tap into parallel rendering in the cloud.

Get Started

npx skills add editframe/skills

install our agent skills and dive in

npm create @editframe@latest

starter kits in react & vanilla typescript

Docs & Skills
For AI Agents

built for humans
great for agents

Compositions are HTML and CSS — the same syntax every model is trained on. Declarative markup is a natural fit for agents.

Compatible with every framework and tool humans already use.

HTML & CSS

The same syntax developers use to build UIs is what agents use to define video timelines. No proprietary API to learn.

Declarative, not imperative

Describe what you want. LLMs generate structured markup extremely well — no animation APIs to hallucinate.

Skills

Public, structured docs that plug into Cursor, Claude, Copilot, or any agent with file context.

Templated rendering

Write it once.
Render for everyone.

Define your video as a component. Pass a different data record each render. Same template — unique output every time.

9:41
TM
@the.meridian2h
14.2K
9:41
SM
@slowmotionriot2h
8.7K
9:41
PC
@pale.coast2h
21.5K

Now playing

The Meridian

Post-Rock

data record
{
  bandName:    "The Meridian",
  venue:       "The Fillmore",
  city:        "San Francisco, CA",
  date:        "April 14",
  doors:       "7:00 PM",
  genre:       "Post-Rock",
  ticketPrice: "$42",
  accentColor: "#C62828",
  fontFamily:  "'Bebas Neue', sans-serif",
  imageUrl:    "https://images.unsplash.com/photo-1459749411175-04bf5292ceea
               ?w=540&h=960&fit=crop"
}

Render anywhere

Browser. CLI. Cloud.

The same composition renders wherever you need it — in the browser, in CI, or at scale in the cloud.

Browser
renderToVideo(comp)
  • —No install, no server
  • —Runs in any modern browser
  • —H.264, VP9, AV1
CLI
npx editframe render -o out.mp4
  • —Scriptable & CI-friendly
  • —Local file output
  • —Most codecs available
Cloud
await client.renders.create(comp)
  • —Parallel encoding at scale
  • —Webhook on completion
  • —Most codecs available