Studio live app

Alpha

LessonKit Studio is Alpha. Expect breaking changes to the editor UI, exported output, and StudioProjectV1 format between Studio releases.

This page embeds a production build of apps/studio-web, compiled when the documentation site is built (CI and Read the Docs). It is the same app you get from npm run dev -w lessonkit-studio-web, without installing Node locally.

What you can do here

  • Edit pages, blocks, and properties in the visual editor

  • See live preview via @lessonkit/studio-renderer

  • Export a React/Vite zip (renderer or explicit JSX) or copy CLI steps for LMS packaging

  • Import / export project.json; Reset restores the bundled sample

Changes autosave to localStorage under lessonkit-studio:project in this browser only.

Build the demo locally

From the repo root:

bash docs/scripts/build-docs-demos.sh
cd docs && make html

Open _build/html/guides/studio/app.html. The script also builds the course examples.

Open in full tab · Source on GitHub

Next steps