Want AI to edit your videos? Learn more

Powering Video Projects Worldwide

Render videos with Remotion: client-side, AWS Lambda, or your own server

Export production-ready videos with Remotion using out-of-the-box client-side rendering, AWS Lambda, or your own Node.js server pipeline. Built for React developers who need reliable, high-quality video rendering at scale, with complete control over infrastructure, output quality, and formats.

Start rendering professional videos today

React Video Editor Timeline Feature Demo

Built using the best tools.

Next.jsTailwind CSSRemotionMediabunnyVite

Flexible Video Rendering

Use Client-Side Rendering, AWS Lambda, or Your Own Server Pipeline

Choose your rendering infrastructure based on your needs. Use out-of-the-box client-side rendering for quick setup, deploy on AWS Lambda for serverless scalability and pay-per-use pricing, or run SSR on your own Node.js server for complete control and data privacy. Every option uses Remotion's powerful rendering engine with configurable output settings, multi-format support, and production-grade quality. Perfect for automated video generation, social media content, and dynamic video applications.

Explore RVE SDK
  • Three Rendering Paths

    Use out-of-the-box client-side rendering, deploy on AWS Lambda for serverless scalability, or run SSR on your own Node.js server. Same powerful rendering engine, your choice of infrastructure.
  • Remotion-Powered Exports

    Built on Remotion's battle-tested rendering engine with support for HD, Full HD, and 4K output at customizable frame rates and bitrates.
  • Real-Time Progress & Status

    Monitor rendering progress in real-time with detailed status updates, error handling, and completion callbacks for both Lambda and self-hosted setups.
  • Production-Ready Integration

    Drop-in HTTP renderer with TypeScript support, built for modern React applications using Next.js. Works seamlessly with both serverless and self-hosted architectures.

Choose your rendering infrastructure: use out-of-the-box client-side rendering, deploy on AWS Lambda for serverless scalability or run SSR on your own server for complete control. Both options use the same Remotion-powered rendering engine. Combine with timeline editing, overlays, and captions for a complete video creation and rendering pipeline.

Rendering in minutes

Use client-side rendering, AWS Lambda, or your own server pipeline

Export professional videos with Remotion's rendering engine. Use out-of-the-box client-side rendering, deploy serverless on AWS Lambda for automatic scaling, or run SSR on your own Node.js server for complete infrastructure control. Built for production workloads with full control over quality, resolution, and output formats.

View full documentation
import React from 'react';
import { HttpRenderer } from '@/app/reactvideoeditor/pro/utils/http-renderer';
import { ReactVideoEditor } from '@/app/reactvideoeditor/pro/components/react-video-editor';
import { createPexelsVideoAdaptor } from '@/app/reactvideoeditor/pro/adaptors/pexels-video-adaptor';
import { createPexelsImageAdaptor } from '@/app/reactvideoeditor/pro/adaptors/pexels-image-adaptor';
import { DEFAULT_OVERLAYS } from '@/app/constants';
import { CustomTheme } from '@/app/reactvideoeditor/pro/hooks/use-extended-theme-switcher';

export default function VideoEditorPage() {
  const PROJECT_ID = 'MyComposition';

  const availableThemes: CustomTheme[] = [
    { id: 'rve', name: 'RVE', className: 'rve', color: '#3E8AF5' },
  ];

  // Initialize server-side renderer for scalable video exports
  const customerRenderer = React.useMemo(
    () =>
      new HttpRenderer('/api/latest/customer-renderer', {
        type: 'custom',
        entryPoint: '/api/latest/customer-renderer',
      }),
    []
  );

  return (
    <div className="w-full h-screen">
      <ReactVideoEditor
        projectId={PROJECT_ID}
        defaultOverlays={DEFAULT_OVERLAYS}
        fps={30}
        renderer={customerRenderer}
        disabledPanels={[]}
        availableThemes={availableThemes}
        defaultTheme="dark"
        sidebarWidth="400px"
        sidebarIconWidth="57.6px"
        showIconTitles={false}
        adaptors={{
          video: [createPexelsVideoAdaptor('YOUR_PEXELS_API_KEY')],
          images: [createPexelsImageAdaptor('YOUR_PEXELS_API_KEY')],
        }}
        onThemeChange={(themeId) => console.log('Theme changed:', themeId)}
      />
    </div>
  );
}

Three Rendering Paths

Use out-of-the-box client-side rendering, deploy on AWS Lambda for serverless scalability, or run SSR on your own Node.js server. Same powerful rendering engine, your choice of infrastructure.

Remotion-Powered Exports

Built on Remotion's battle-tested rendering engine with support for HD, Full HD, and 4K output at customizable frame rates and bitrates.

Real-Time Progress & Status

Monitor rendering progress in real-time with detailed status updates, error handling, and completion callbacks for both Lambda and self-hosted setups.

Production-Ready Integration

Drop-in HTTP renderer with TypeScript support, built for modern React applications using Next.js. Works seamlessly with both serverless and self-hosted architectures.

Pricing

Choose how you want to build.

Start with a maintained SDK or own the complete source-code template. Select a product to see its current plans.

RVE SDK plans

Get the maintained editor, new releases through npm, and support from the team that builds it.

Hobby

$149/year

billed $149 yearly · no monthly plan

For one developer who builds personal, learning, or other non-commercial projects.

Get started

Key features

  • Private npm access
  • Standard email support
  • SDK updates through npm

For personal / hobby projects and non-commercial work.

Most popular

Commercial

$65/month

billed yearly

For teams adding video editing capabilities to a paid product, client project, or commercial workflow.

Get started

Everything you need for Commercial

  • Commercial use
  • Private npm access
  • Priority email support
  • SDK updates through npm
  • Optional onboarding call

For commercial products and client work.

Enterprise

Let's talk

custom annual plan

For larger teams that need custom terms, deeper integrations, or dedicated support.

Contact us

Everything you need for Enterprise

  • Whole-team access
  • Custom licence terms
  • Dedicated support with SLA
  • Custom integrations
  • Source-access options
  • Architecture guidance

A plan built for your team.

Get expert help

Need help building custom video tooling?

RVE helps teams design, build, and launch video products faster. From early prototypes to production editing workflows, we can support your team with architecture, implementation, and rendering infrastructure.

Work with us on a focused build sprint, hands-on development, or a complete video solution. Our specialist engineers know how to turn ambitious video ideas into reliable products, without the cost and delay of building a full in-house video team.

Read how we can help
Sam from RVE
What you need to know

Frequently Asked Questions

Get answers to common questions about React Video Editor and how it can help accelerate your development process.

Because building a production-ready video editor is far harder, and far more expensive than most teams expect. Most people start thinking they just need a timeline and a renderer, but then they run into browser memory issues, playback desync, rendering pipelines, uploads, trimming logic, captions, exports, cloud rendering, media processing, performance problems, and suddenly months disappear.

Even with the latest AI models, you still end up owning and maintaining a huge amount of complex infrastructure. That's usually the hidden cost. It's not just building the editor, it's supporting it long term once real users start uploading large projects and expecting everything to work reliably.

React Video Editor gives your team a foundation that's already been through those problems so instead of burning engineering time rebuilding infrastructure, you can focus on the part of the product that actually makes you different.

Very quickly. Once React Video Editor is installed, you immediately have a production-ready video editor running inside your app. Most teams have the editor integrated and working within a morning, then it becomes about tailoring the experience around your workflow, product, and users.

The Editor is modular, so teams can start simple and gradually expand over time as the product grows.

Speed, but more importantly avoiding expensive engineering dead ends.

You could absolutely build a video editor internally. Many teams try. The problem is the maintenance burden slowly becomes its own full-time project. Rendering issues, browser limitations, uploads, media processing, timeline performance, exports, infrastructure scaling, it never really stops.

React Video Editor gives your team a massive head start with a foundation that's actively maintained and improving every month. At the very least, you can be confident the editor works properly and won't quietly consume months of engineering time trying to support it internally.

For most teams, it ends up dramatically cheaper than building and maintaining everything themselves.

React Video Editor supports multiple rendering approaches depending on your product and infrastructure.

Client-side rendering runs directly in the browser using WebCodecs which is great for fast exports, lower infrastructure costs, and simpler setups.

For larger workloads or production-scale rendering, you can use server-side or AWS Lambda rendering. A lot of teams end up using a mix depending on the workflow they're building.

We also help customers choose the right rendering architecture based on their product, scale, export requirements, and infrastructure goals because there's no single "correct" setup for every team.

Yes - that's one of the main reasons teams use it. You can customize the UI, hide features, change workflows, apply your own branding, and shape the editor around your product.

Some teams use the SDK as a lightweight editing layer while others build fully custom AI video products and workflows on top of it.

Standard RVE SDK plans do not include the complete editor source code. Choose RVE Pro if your team must own and change the full Version 8 application.

Enterprise SDK customers can contact us about source-access and integration options.

RVE Pro was the original version of React Video Editor. It's a full Next.js source code template that gives teams complete ownership and flexibility from day one.

A lot of early customers loved that approach, especially teams wanting to deeply customize everything, but over time we kept seeing the same problem appear. As customers modified the codebase heavily, staying in sync with new versions became difficult. Updates got painful, projects drifted, and eventually teams were maintaining large parts of the editor themselves.

That feedback is ultimately why we built the SDK.

The SDK gives teams a maintained editor as private React packages. We ship updates through npm, so teams do not need to merge a source template or maintain an editor fork.

RVE Pro and RVE SDK use separate architectures and do not match feature for feature. New RVE features arrive on the SDK first. RVE Pro remains available for teams that need the complete source template.

Most teams should choose the SDK. Choose Pro only when complete source-code ownership is a firm requirement.

Every customer gets email support directly from our engineering team. For customers building larger products or deeper integrations, we also work closely through Slack, Teams, shared channels, and ongoing collaboration depending on the engagement.

A big part of React Video Editor is helping teams navigate the complexity around rendering, infrastructure, scaling, and architecture decisions, not just handing over a package and disappearing.

Video editing transitions showcase
Choose Your Product

Ready to Add Video Editingto Your Product?

Choose RVE SDK for a maintained editor that receives regular updates. Choose RVE Pro when you need the complete source code.