Getting Started

Welcome to React Video Editor Packaged. A managed, private version of RVE Pro distributed via a secure private npm registry. It's built for companies serious about adding professional video editing capabilities to their product, without the complexity of building it in-house.

What is RVE Packaged?

RVE Packaged is a fully maintained, production-ready version of React Video Editor delivered as a private npm package. It offers:

• Private npm access for simple setup and seamless updates
• A managed codebase so your team doesn't have to maintain the editor
• Priority feature requests and roadmap collaboration
• Dedicated support and implementation help from the RVE team

It's ideal for teams who want reliable video editing infrastructure handled by experts, with minimal overhead.

Example usage

Heres how you might use RVE packaged. In its simplest form.

"use client";

import React from 'react';
import { APP_CONFIG } from "../constants";
import { HttpRenderer } from '../../lib/http-renderer';
import { ReactVideoEditor } from '@react-video-editor/core';

export default function SimplePage() {
  const PROJECT_ID = "example-project";

  const lambdaRenderer = React.useMemo(() => 
    new HttpRenderer('/api/render/lambda', {
      type: 'lambda',
      entryPoint: '/api/render/lambda'
    }), []
  );

  return (
      <ReactVideoEditor
        projectId={PROJECT_ID}
        defaultOverlays={DEFAULT_PROJECT_OVERLAYS}
        fps={APP_CONFIG.fps}
        renderer={lambdaRenderer}
        showDefaultThemes={true}
      />
  );
} 

import React from 'react';
import {
    VideoPlayer,
    Timeline,
    TimelineControls,
    DefaultSidebar,
    EditorHeader} from '@react-video-editor/core';

export default function VideoEditor() {
    return (
        <div className="w-full h-screen flex bg-white dark:bg-gray-900">
            <DefaultSidebar footerText={"RVE"} disabledPanels={[]} />
            <div className="flex-1 flex flex-col min-h-0">
                <EditorHeader />
                <div className="flex-1 flex flex-col overflow-hidden">
                    <div className="flex-1 relative min-h-0">
                        <div className="absolute inset-0 flex items-center justify-center">
                            <VideoPlayer />
                        </div>
                    </div>
                    <div className="flex-shrink-0">
                        <TimelineControls />
                        <Timeline />
                    </div>
                </div>
            </div>
        </div>
    );
}

What’s Included

Delivered as a private npm package. RVE Packaged comes with:

• Pre-configured components and performance-tuned settings
• Best practices and rendering logic built in
• Regular updates without needing to manage source code
• Priority access to new features and improvements
• SLAs and guaranteed response times
• Direct line to the RVE team for support and integration help

Is RVE Packaged Right for You?

Use RVE Packaged if:

• ✅ You want to move fast with a plug-and-play editor
• ✅ You prefer a managed solution that "just works"
• ✅ You value direct support from the people who built it
• ✅ You're building anything from a consumer-facing app to internal tools
• ✅ You want to focus on your product, not maintaining video infra

Avoid RVE Packaged if:

• ❌ You’re fine manually copying and wiring up the editor yourself
• ❌ You want full control over styling, layout, and update cycles
• ❌ You don’t need direct support or guidance
• ❌ You’re building something highly custom or experimental and want to modify core logic