@cartella/studio

The turnkey editor app shell for Cartella. Built on @cartella/react; pass a preset (or a Canvas), get a working editor — one editor across document and email doctypes, with a consistent chrome.

Install

pnpm add @cartella/studio @cartella/presets

Usage

import { Studio } from '@cartella/studio';
import { idCardPreset } from '@cartella/presets';

<Studio
  preset={idCardPreset}
  onSave={async (canvas) => {
    /* persist the Canvas JSON */
  }}
/>;

Features

• Document editor — fixed-canvas layout for ID cards, certificates, report cards; property panel, layers, alignment, inline editing.
• Email builder — sections/columns/blocks, rich text, nested columns, per-corner radius, shadows, image crop + adjust (brightness/contrast/saturation/grayscale), merge-tag UX, editable code + plain-text export.
• Data binding — bind fields/merge tags from a fieldRegistry; preview with sample data.

Documentation

• Email editor guide: docs/email-editor-guide.md
• All guides: Cartella docs

License

Dual-licensed. Core editor features are MIT; Pro features (white-labeling, custom fonts, hosted features) require a commercial license.