AnvilKit
Open Studio
The editor

Every editor surface, in one place

The visual builder, server render, canvas studio, live collaboration, the AI copilot, and the export pipeline — each wired to the same consumer-owned Puck config. Try the live editor below, then dive into any surface.

Open the visual editorView server render →
Embedded demo

The real editor, right here

This is a live, embedded instance of the Studio editor — the same route as /puck/editor. Drag blocks, edit props, and open the left-rail plugins. It loads lazily to keep this page fast.

anvilkit · /puck/editor
Open in full page →
Surfaces

Routes you can open now

Each surface renders the same shared component config from a different angle.

Visual editor

The full Studio shell — drag blocks in, edit their props in the inspector, manage pages, and publish.

/puck/editor

Server render

The RSC-safe read view of the same Puck payload, shipping zero editor JavaScript to the client.

/puck/render

Canvas studio

A free-form Konva canvas: shapes, snapping, alignment, brand kits, and accessible keyboard tools.

/studio/canvas/[id]

Live collaboration

Shared editing with live remote cursors and presence over Yjs — the managed-transport one-liner.

/collab

Navbar playground

Tune the @anvilkit/navbar props live — logo modes, links, CTA variants — and copy the generated JSX.

/navbar

Hero playground

Render the @anvilkit/hero package with its real exported defaults and styles.

/hero
Inside the editor

Plugins that extend the Studio

These ship as @anvilkit plugins and are wired into the demo editor. Open the visual editor and find each in the header or left rail.

AI Copilot

Generate a whole page or regenerate a single section from a prompt. Open the AI Copilot tab in the left rail.

left rail · AI Copilot

Export pipeline

Publish to the Headless Page IR, then download production HTML, React/TSX, or JSON with resolved assets.

header · Export

Asset manager

Upload images, browse folders, and (with a key) pull from Unsplash — all resolvable at export time.

left rail · Assets

Version history

Snapshot the document as you edit and restore any earlier state from the history panel.

left rail · History

Design system

Token-bound field renderers with off-token and WCAG-AA contrast validators keep pages on-brand.

left rail · Design System

Page SEO

Edit canonical URL, Open Graph image, description, and robots directives on the page model.

left rail · SEO