Video SDK + render cloud

Build video into
your product.

Create, edit, and play video in your app. Build with the web tools you know; let us handle rendering.

Start buildingRender in the cloud

Try it locally. No account required.

Made with EditframeMotion catalog ↗

Turn app data into personalized videos.

Give each customer a recap with their activity, totals, and progress.

Download HTML sourceIllustrative examples, rendered with Editframe.

How it works

From data to finished video.

Fill a composition with data, let your customer edit, and export the result.

01Customer data

Add your data.

Customer data
memberNOOR K.SUMMER
SESSIONSJUNE / 12
name
Noor K.
headline
Summer Sessions
date
June 12

One composition, personalized for each customer.

02Customer chooses

Make it editable.

Customer chooses
JUNE / 12SUMMER
SESSIONSRIVERSIDE HALL
NOOR K. / JUNE 12Headline · scene order · soundtrack

Let customers adjust the title, scenes, and soundtrack.

03Campaign delivered

Export every format.

Campaign delivered
Result returns to your product

Keep the same content across portrait, square, and widescreen.

Illustrative campaign with fictional customer data.

Cloud rendering

You build the product. We run the renders.

Send a composition. Receive the finished video through a webhook. Editframe handles the rendering infrastructure.

Explore managed rendering Read the render API
server/create-video.ts
import { Client, createRender } from "@editframe/api";

const client = new Client(process.env.EDITFRAME_API_KEY);
const render = await createRender(client, {
  html: `<ef-timegroup mode="contain" class="w-[1920px] h-[1080px]">
    <ef-video src="https://assets.editframe.com/bars-n-tone.mp4"></ef-video>
  </ef-timegroup>`,
  width: 1920,
  height: 1080,
  fps: 30,
});

Keep your API key on your server.

Start with a working composition.

Reuse a transition, a title treatment, or a complete sequence.

Browse the motion catalog ↗

Build your
first video.

Try it locally.

Start buildingTalk to us