Skip to main content

💡 Convert RVE components into Installable NPM Packages

Challenges & Considerations:

  • Breaking down RVE into reusable modules without affecting its core functionality.

  • Managing dependencies (e.g., Remotion, Tailwind CSS).

  • Ensuring the timeline and video editing features work independently within various React applications.

Next Steps:

  • Gather community feedback on whether packaging RVE as an npm module would be beneficial.

  • Explore possible modularization approaches.

  • Determine which features should be included in an initial npm release.

Status: Completed9 comments

Comments9

  • Harold Bracy

    •

    Jul 22, 2025

    What happened to this? I’m having trouble integrating this repo with my existing project.

    • Sam Bowen-Hughes

      Team•

      Jul 23, 2025

      This will be included in Version 8 for Enterprise customers.

      What issues are you running into? I’m sure I can help.

      • VisionLab

        •

        Sep 10, 2025

        Without an npm package solution, we can’t use this editor. Could you please provide the exact timeline for the release of V8, or at least a guideline on how to use it in an existing project without affecting CSS and other components?

  • Sam Bowen-Hughes

    Team•

    Apr 30, 2025

    So I’ve made some progress with this, more as a proof of concept.

    One single import brings a complete editor to your web apps. It’s currently working well:

    Going forward, I want to see how popular something like this could be. So for now, I’m keeping it open. Things I’m trying to figure out:

    • How would this be used?

    • How much customization would be needed for customers to get real value from it?

    • What features would people want to see?

    The main benefit of this approach is the simplicity of adding video editing behavior to your apps. However, that also comes with some drawbacks, mainly the inability to fully shape and customize the package to your exact needs.

    • RedWilly

      •

      Apr 30, 2025

      beast, :), this is it. just check npm, it not there yet but please tag me when it released or beta comes out.

      currently playing around with Diffusion Studio Core - so much fast.

      don’t forget if this ever comes out, tag me

  • RedWilly

    •

    Apr 5, 2025

    Hell, Yeah that will be great,

    as am currently working on my project ( a script to video ai based editor and truthfully i learned a lot from the RVE but had to implement certain things ) so having a library will make thing a lot easier

    UI here inspired by canva video editor
    • RedWilly

      •

      Apr 5, 2025

      • Sam Bowen-Hughes

        Team•

        Apr 7, 2025

        This is looking slickkkk. Looking forward to seeing the end product 👊

  • Ayayai Dev

    •

    Mar 19, 2025

    If you do this, please add a way to have users configure the entire sidebar menu. What I mean is to be able to pass an array of objects (ex: { title: string, icon: ReactNode, menu: ReactNode }) that would be shown in the sidebar.

    The other thing required would be a hook that would expose an api with basic overly operations: add overlay, remove overlay, update overlay, etc.