Tools for building creation tools

UI designer

Beta

Build small design tools with real HTML. Bring a stage, layers and focused CSS controls into your own application.

HTML you can edit

Start with a working example

Social card designer →

A small HTML creation tool with linked layers, properties and source. Move and resize with an absolute-positioned bounding box.

Studio →

The existing Vue editor: code, layers and a live stage, with component insertion and source editing.

Colour swatch →

The theme editor’s colour control, available independently with a CSS expression and native picker.

CSS shadow editor →

Compose drop shadows, inner shadows and rings. Reuses the theme editor’s layer controls.

HTML stage →

Add selection and optional movement to your own HTML. Your application owns the content and applies style changes.

Layer tree →

The same tree used by Studio, with selection, keyboard navigation and optional drag-and-drop.

Ownership

A small, composable beta

Use the controls individually or combine them for social cards, banners and other creation tools. Normal HTML layout stays normal HTML. Enable absolute movement only on stages that need it. The host application owns undo, persistence, asset handling and publishing; the beta APIs may change.