@remotion/web-renderer

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

The API is stable from <AvailableFrom v="4.0.491" inline />.

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