# Vyuh Diagram

> API reference and examples for creating, editing, saving, and exporting drawings.

Use vyuh_diagram_kit for Flutter or vyuh_diagram_engine for headless Dart.
Core values live in vyuh_diagram_types; JSON and SVG have separate codec packages.
Start with Getting Started and the DrawingSession API.

## Agents

- [Agents](/agent-docs/agents/index.md)

## Guides

- [Actions and keyboard bindings](/agent-docs/guide/actions.md)
- [The drawing API](/agent-docs/guide/api.md)
- [Build your first shape library](/agent-docs/guide/build-a-library.md)
- [Canvas, camera, and grids](/agent-docs/guide/canvas.md)
- [Common tasks](/agent-docs/guide/common-tasks.md)
- [Create custom shapes](/agent-docs/guide/custom-shapes.md)
- [8. Share actions and shortcuts](/agent-docs/guide/flowchart-actions.md)
- [9. Control the canvas and grid](/agent-docs/guide/flowchart-canvas-controls.md)
- [1. Set up the canvas](/agent-docs/guide/flowchart-canvas.md)
- [7. Add a custom review node](/agent-docs/guide/flowchart-custom-shapes.md)
- [6. Save and load the drawing](/agent-docs/guide/flowchart-persistence.md)
- [5. Show properties and connections](/agent-docs/guide/flowchart-properties.md)
- [4. Connect reactive state to your UI](/agent-docs/guide/flowchart-reactivity.md)
- [2. Register and create shapes](/agent-docs/guide/flowchart-shapes.md)
- [3. Create the toolbar](/agent-docs/guide/flowchart-toolbar.md)
- [Build a flowchart editor](/agent-docs/guide/getting-started.md)
- [Package access](/agent-docs/guide/package-access.md)
- [SDK licensing](/agent-docs/guide/sdk-licensing.md)
- [Compose shapes and libraries](/agent-docs/guide/shape-composition.md)

## API reference

- [Animation](/agent-docs/api/animation.md)
- [DrawingCanvas](/agent-docs/api/canvas.md)
- [Sessions, agents and collaboration](/agent-docs/api/collaboration.md)
- [DrawingConfiguration](/agent-docs/api/configuration.md)
- [Connectors and labels](/agent-docs/api/connectors.md)
- [Domain diagnostics](/agent-docs/api/diagnostics.md)
- [Grids and snapping](/agent-docs/api/grids.md)
- [Undo and redo](/agent-docs/api/history.md)
- [Events and hooks](/agent-docs/api/hooks.md)
- [API reference](/agent-docs/api/index.md)
- [Graph layout](/agent-docs/api/layout.md)
- [Navigation and animation](/agent-docs/api/navigation-and-animation.md)
- [Navigation](/agent-docs/api/navigation.md)
- [Output](/agent-docs/api/output.md)
- [Persistence and imports](/agent-docs/api/persistence.md)
- [DrawingSession](/agent-docs/api/session.md)
- [Shapes, elements and registries](/agent-docs/api/shapes.md)
- [Paragraphs and text regions](/agent-docs/api/text.md)
- [Widgets inside shapes](/agent-docs/api/widgets.md)

## Examples

- [Multi-selection and arrangement](/agent-docs/examples/arrangement.md)
- [Finite and infinite canvas](/agent-docs/examples/bounds.md)
- [Locks and capabilities](/agent-docs/examples/capabilities.md)
- [Copy, paste and duplicate](/agent-docs/examples/clipboard.md)
- [Connected cards](/agent-docs/examples/connected-cards.md)
- [Create and connect atomically](/agent-docs/examples/connected-creation.md)
- [Connection admission](/agent-docs/examples/connection-admission.md)
- [Connector labels](/agent-docs/examples/connector-labels.md)
- [Frames and ownership](/agent-docs/examples/containment.md)
- [Make a crowded network readable](/agent-docs/examples/dense-network.md)
- [SVG and PNG downloads](/agent-docs/examples/export.md)
- [Your first drawing](/agent-docs/examples/first-drawing.md)
- [Floor plan](/agent-docs/examples/floor-plan.md)
- [Flowchart](/agent-docs/examples/flowchart.md)
- [Fonts and inheritance](/agent-docs/examples/fonts.md)
- [Range and whole-story formatting](/agent-docs/examples/formatting.md)
- [Drawing and erasing](/agent-docs/examples/freehand.md)
- [Grids and snapping](/agent-docs/examples/grids.md)
- [Transactions and undo](/agent-docs/examples/history.md)
- [Events and permissions](/agent-docs/examples/hooks.md)
- [Images](/agent-docs/examples/images.md)
- [Examples](/agent-docs/examples/index.md)
- [Session lifetime](/agent-docs/examples/lifetime.md)
- [Upgrade a saved document](/agent-docs/examples/migrations.md)
- [Minimap policies](/agent-docs/examples/minimap.md)
- [Navigation and camera animation](/agent-docs/examples/navigation.md)
- [Paragraphs, lists and checklists](/agent-docs/examples/paragraphs.md)
- [Path effects](/agent-docs/examples/path-effects.md)
- [Save, restore and revision conflicts](/agent-docs/examples/persistence.md)
- [Explicit ports](/agent-docs/examples/ports.md)
- [Single-line and multiline regions](/agent-docs/examples/regions.md)
- [Anchors and contour routing](/agent-docs/examples/routing.md)
- [Service map](/agent-docs/examples/service-map.md)
- [Snap guides](/agent-docs/examples/snap-guides.md)
- [Snap guide policy](/agent-docs/examples/snap-policy.md)
- [Storyboard](/agent-docs/examples/storyboard.md)
- [Departmental swimlanes](/agent-docs/examples/swimlanes.md)
- [Register a custom tool](/agent-docs/examples/tools.md)
- [Topology graph](/agent-docs/examples/topology.md)
- [Transform modifiers](/agent-docs/examples/transforms.md)
- [View-only diagrams](/agent-docs/examples/view-only.md)
- [Portable widget content](/agent-docs/examples/widget-fallback.md)
- [Widget clipping and layering](/agent-docs/examples/widget-layers.md)
- [Widget properties](/agent-docs/examples/widget-properties.md)
- [Widgets inside shapes](/agent-docs/examples/widgets.md)

## Diagram kits

- [Diagram kits](/agent-docs/kits/index.md)
- [Starter kits](/agent-docs/kits/starters.md)
- [Workflow building blocks](/agent-docs/kits/workflow-primitives.md)
- [Workflow kit](/agent-docs/kits/workflow.md)

## Reference

- [Capabilities](/agent-docs/reference/capabilities.md)

## Optional

- [Complete reference](/llms-full.txt): Combined documentation; use individual pages for smaller context.