Video templates

Video templates let you turn the same drag & drop template you use for images into a short animated clip. You design the layout once in the Advanced Editor, decide when each element appears and how it animates, and RenderForm renders an MP4 or WebM file every time you send new data through the API.

Video templates are available only in the Advanced Editor. Templates created in the Simple Editor or the HTML editor can't be rendered as video.

Creating a video template

Open Templates and click Create a new template. Choose the Video tab and pick a size, the same way you would for an image. The template opens in the Advanced Editor with a video timeline at the bottom of the canvas.

Under the hood a video template is a regular Advanced Editor template with the output format set to mp4 or webm. You can also switch an existing Advanced Editor template to video by changing its Format in Render Settings.

Timeline

The timeline shows every component of your template as a bar. The bar's left and right edges are the moment the element appears and disappears. Drag the edges to change element timing, or set the exact start and end (in milliseconds) in the inspector. An element without custom timing is visible for the whole length of the video.

Use the play button to preview the animation in real time or scrub the playhead to inspect a single frame. The canvas always shows the state of the template at the current playhead position, so you can keep editing while paused at any point of the video.

Animations

Select an element and open the Animate tab in the inspector. Animations are grouped into three phases:

• Enter - how the element appears: fadeIn, slideIn, zoomIn, popIn, typewriter (text only), wipeIn, blurIn
• Loop - what the element does while visible: pulse, float, shake, spin
• Exit - how the element disappears: fadeOut, slideOut, zoomOut, wipeOut

Each preset has its own duration, delay, easing (linear, ease, easeIn, easeOut, easeInOut, spring) and, depending on the preset, a direction (left, right, up, down) and intensity. Enter animations play at the element's start time, exit animations finish at its end time and loop animations repeat in between.

Video elements

Besides images and texts you can drop a Video component on the canvas. It plays a video file from a URL and can be set to start from a given offset, loop, or play at a different speed. The src of a video component is a template property, so you can replace the clip through the API like any image.

Render Settings

Open Render Settings to configure the output:

• Format - mp4 or webm
• Video length - between 1 and 30 seconds (this is the length of the timeline)
• Frame rate - 24, 25 or 30 fps (default 30)

Both video length and frame rate can be overridden per request with duration and fps in the render request.

Pricing and limits

Rendering a video costs 10 credits per second of video (rounded up to a started second). A 6.5-second clip costs 70 credits. Every plan can render any video length (1–30 s) and any size supported by the editor. Credits are charged when the request is accepted and refunded if the render fails.

If your balance does not cover the render, the request is rejected with a 402 status code.

Rendering videos with the API

Video renders are asynchronous: the API accepts the request and returns a requestId right away, then you poll for the result or receive a webhook when the file is ready. See Render video for the full request and response reference.