This template uses Electron Forge, Vite, TypeScript, and Tailwind CSS to launch a minimal Electron app that renders a Remotion composition from the Electron main process.
The Electron window UI lives in src/App.tsx and is styled with Tailwind in src/index.css.
Install Dependencies
npm installStart the Electron app
npm run devType a title, then click the export button in the app window. The app will ask where to save the video before rendering, show progress on the app icon while work is ongoing, and let you cancel an in-progress render from the UI.
In development, the Remotion project is bundled on each render so composition changes are always picked up. The first render may also download Chrome Headless Shell if no compatible local browser is installed yet.
Run Remotion Studio
npm run studioRender the example video from the command line
npx remotion render HelloWorldPackage the app
npm run buildDuring npm run build, Electron Forge creates a prebuilt Remotion bundle and stages the matching Remotion compositor package as part of the package step. The packaged app reuses that bundle at runtime instead of calling bundle() again.
The packaged binary also accepts --integration-render-test <absolute-output-path> for Remotion's automated integration test. It starts a hidden render immediately and is not needed for normal app usage, so feel free to remove src/integration-render-test-mode.ts and its import from src/main.ts in your own app.
Upgrade all Remotion packages
npx remotion upgradeGet started with Remotion by reading the Electron integration page.
We provide help on our Discord server.
Found an issue with Remotion? File an issue here.
Note that for some entities a company license is needed. Read the terms here.
