Dollie Editor SDK
Playground

Dollie Editor SDK guide

Introduction to Dollie Editor

Give your customers a guarded visual page editor built from the React components you already own

Dollie Editor is an embeddable visual editor for SaaS products. You decide which React components are available. Your customers arrange and customize them through a focused editor, while an optional Copilot can draft and revise Pages within the same boundaries.

The result stays native to your application: your components, your design system, your data, and your rules.

The problem it solves

Imagine you are building an online course platform. Every instructor needs a sales page, but giving instructors unrestricted design controls produces inconsistent pages and a large support burden.

You already have a strong set of React components:

  • a hero;
  • a course curriculum;
  • instructor details;
  • testimonials;
  • pricing;
  • frequently asked questions;
  • a checkout call to action.

Dollie Editor turns those components into a customer-facing page builder. An instructor can rearrange approved sections and edit their content. A Copilot can create a first draft or tailor the page for a particular course. Neither can invent a component your product does not support.

The same model works for multi-tenant landing pages, client portals, event pages, product launches, and other structured page experiences.

What you bring

As the Integrator, you own:

  • the React components and visual language;
  • the pages your product needs;
  • storage and publishing;
  • authorization and tenancy;
  • dynamic application data;
  • the AI model or agent stack, if you add a Copilot.

Dollie Editor supplies the shared page-building machinery:

  • the drag-and-drop editor;
  • the section renderer;
  • the structured page format;
  • catalogs, fields, slots, elements, and templates;
  • validation;
  • transport contracts and reference stores;
  • AI-ready catalog operations;
  • skills and conversion tools for coding agents.

Guardrails are the feature

Dollie Editor is not a blank design canvas. Editor users compose pages from a catalog you approve.

Each section exposes a typed set of editable fields. A pricing section can accept a heading and an array of plans without exposing its grid implementation. A hero can accept a swappable illustration without allowing arbitrary JSX. A Copilot receives the same catalog and field descriptions, so it proposes structured content rather than uncontrolled code.

This makes the editor flexible for the customer and predictable for the product team.

AI-native, not AI-dependent

The catalog is designed for people and AI at the same time. It drives:

  • the section library;
  • the props inspector;
  • validation;
  • Copilot prompts and lookup tools.

You can use the editor without a runtime Copilot. When you add one, the core workflow does not change: the Copilot proposes, the SDK validates, and the editor user reviews and applies.

Deliberate scope

The current SDK focuses on structured surfaces assembled from React Sections, including scrolling web Pages and fixed-size presentation decks.

Dollie Editor is not:

  • a Figma-style freeform canvas;
  • a general-purpose application UI generator;
  • an email-design platform;
  • a replacement for your backend, policies, or design system;
  • a way for AI to bypass your catalog.

That focus is intentional. Dollie Editor helps SaaS builders offer one specific capability well: customer-editable, AI-assisted pages that remain on brand.

Where to go next