Integration Guides

The RVE SDK is a private npm package that you install in your React application.

Install the SDK first

Complete the SDK installation guide before you use an integration guide. You need an active SDK plan and a registry token.

Choose Your Framework

Next.js

Add the SDK to a Next.js App Router application.

Vite

Add the SDK to a Vite React application.

React

Add the SDK to another React build system.

All three guides use the same SDK package:

@reactvideoeditor/react-video-editor

The SDK uses client-side rendering by default. You can add server rendering later if your application needs it.

Requirements

Package	Version
`react`, `react-dom`	`^18.0.0` or `^19.0.0`
`remotion` and every `@remotion/*` package	One identical version. The SDK uses `4.0.481`.
`mediabunny`	`^1.28.0`

The SDK example apps use these versions. They are tested versions, not minimum versions:

Next.js 16.2.3 with React 19.2.
Vite 7.3 with React 19.2.

Tailwind CSS is not necessary

The SDK stylesheet is a precompiled CSS file. Your app does not need Tailwind CSS to show the editor. If your app uses Tailwind CSS, the SDK classes do not conflict with your classes, because the SDK classes have the rve prefix.

Save and Load Projects

All three guides use the same two props to keep the work of a user:

editorState gives the editor its first state. The editor reads it when it mounts.
onSave receives the latest EditorState at each autosave. The default interval is 10 seconds (autoSaveInterval).

<ReactVideoEditor
  projectId={project.id}
  editorState={project.state}
  onSave={(state) => saveProject(project.id, state)}
/>

The editor also keeps an autosave in the browser (IndexedDB). On load, the editor compares editorState.savedAt with the time of the browser autosave. If editorState.savedAt is the same or newer, the editor uses editorState. If not, the editor restores the browser autosave. onSave does not send a state that refers to media that is not yet uploaded.

Need Help?

See the quick start or email hello@reactvideoeditor.com.