@remotion/web-renderer

:::warning Experimental feature - expect bugs and breaking changes at any time.
Track progress on GitHub and discuss in the #web-renderer channel on Discord. :::

This package allows you to render videos and stills directly in the browser, without requiring server-side infrastructure.

Key differences from server-side rendering

Unlike server-side rendering with @remotion/renderer, client-side rendering:

• Runs in the browser instead of Node.js
• Encodes with WebCodecs using Mediabunny instead of FFmpeg
• Limited to a subset of tags and CSS properties - see limitations
• No bundling step - takes components and video config directly

Installation

<Installation pkg="@remotion/web-renderer" />

API

import {TableOfContents} from './TableOfContents';

<TableOfContents />

See also

• Client-side rendering overview
• How client-side rendering works
• Limitations
• Telemetry
• Server-side rendering