create-video-editor

Scaffold a Shotstack Studio SDK video editor in seconds.

npm create video-editor@latest
# or
npx create-video-editor

You'll be asked for a project name and a framework. The CLI then scaffolds the app, installs dependencies, starts the dev server, prints the localhost URL and opens it in your browser when possible.

npx create-video-editor my-video-editor

# Opens something like:
# http://localhost:5173

The local URL opens a live, editable video editor in your browser — the Studio SDK embedded in your own app, pre-loaded with a starter Edit. It's your codebase to customise and ship.

Frameworks

Vanilla TypeScript is the default if you press enter at the framework prompt or run with --yes and no --template.

| Choose | Stack | |---|---| | typescript | Vanilla TypeScript + Vite | | react | React 19 + Vite | | vue | Vue 3 + Vite | | nextjs | Next.js | | angular | Angular |

Non-interactive:

npx create-video-editor my-editor --yes

Useful flags:

npx create-video-editor my-editor --template react --yes
npx create-video-editor my-editor --no-open
npx create-video-editor my-editor --no-start
npx create-video-editor my-editor --no-install
npx create-video-editor my-editor --package-manager pnpm --port 5174

What you get

• An app embedding @shotstack/shotstack-studio — canvas, timeline, and controls.
• A starter Edit in src/template.json (the same JSON the Shotstack Edit API renders). Edit it in code or in the editor.
• A clean path to production: preview locally, then render a final MP4 from the cloud with the CLI — npx shotstack render src/template.json --watch.

How this fits the rest of Shotstack

The Edit JSON is the shared format across the whole platform — the embedded editor here, the shotstack CLI, the render API, and the Shotstack agent skill all speak it. A video you design in the scaffolded editor renders identically through the API.

Templates / demos

The framework starters live in templates/ and double as standalone Studio SDK demos — loading and displaying Edits, timeline controls, keyboard shortcuts, and custom theming. Browse them directly, or scaffold a fresh copy with the command above.

Learn more

• Shotstack Studio SDK
• Shotstack Edit API documentation
• Shotstack API reference

Licence

MIT.