SDK Overview

Everything that ships in @studio-dev/vsdk and @studio-dev/vsdk-ui — the editor shell, store, commands, timeline, adapters, theming, save & export, Lambda, and plugin authoring.

The SDK is the product surface — the editor you embed, the state model behind it, and the contracts you implement to wire it to your backend. Plugins extend this surface; this section documents the surface itself.

Sections

Getting started

Install the packages, scaffold a project, and run the editor in under five minutes.

Core

Project bundle, Zustand store and slices, command pattern, timeline engine, adapters, and the typed event bus.

UI

The @studio-dev/vsdk-ui component library — primitives built on Base UI, Radix, Tailwind, and CVA.

Guides

Theming and icons, save & export flow, and deploying the renderer to AWS Lambda.

Plugin authoring

Write your own VSDK plugin — the manifest, lifecycle, adapter gating, lazy panels, and publishing.

Package map

Package	Description
`@studio-dev/vsdk`	The editor SDK. Exports `.`, `./core`, `./ui`, `./contracts`, `./plugins`, `./lambda`, `./styles.css`.
`@studio-dev/vsdk-ui`	Component library used internally by the editor — Base UI + Radix + Tailwind 4 + CVA.