packages/docs/docs/miscellaneous/embed-remotion-studio.mdx
We currently don't allow embedding the Remotion Studio as a React component into your own app. This is because:
<Step>1</Step> The desire to embed the Studio is usually tied to customizing the appearance or the behavior of the Studio. It is not currently designed to be customizable.
<Step>2</Step> The Studio is connected to a backend, it is not a frontend-only app.
Consider the following alternatives:
The Remotion Studio uses the Remotion Player and builds a UI around it. You may use the Player yourself and create custom UI around it that aligns with your brand.
You can deploy the Remotion Studio to a long-running server in the cloud and make it accessible to your team. Read here how to do so.
If you are creating a bundle, you will get a static folder that includes HTML, CSS and JavaScript files. Right now, if you open this folder in the browser or deploy it as a static site, you cannot preview the video. We plan to in the foreseeable future include the Remotion Studio in the bundle, so you can preview the video in the browser.