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

Nested frames & HTML import →

Nest flow, flex, grid and absolute frames. Switch layouts, snap within a frame, and import Tailwind HTML into an editable canvas.

Build your own designer →

Working Vue examples and assembly documentation for HTML editors, appearance controls and flowcharts.

Flowchart designer →

An infinite workspace powered by Vue Flow. Connect editable steps, pan, zoom, navigate with a minimap and export your graph.

Poster studio →

Create a portrait flyer with editable image, text and shape layers, typography, filters, zoom, undo and HTML export.

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.

Background layers →

Stack solid fills, linear gradients and radial gradients with independent opacity.

Backdrop effects →

Blur and saturate the content behind translucent HTML elements.

CSS border editor →

Edit border width, style and colour with the shared CSS border control.

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.