---
title: API Reference
description: Reference documentation for @open-pencil/vue components, composables, and advanced APIs.
---

# API Reference

The Vue SDK reference is organized into three sections.

<SdkCardGroup>
  <SdkCard title="Components" to="/programmable/sdk/api/components/" description="Headless structural primitives like CanvasRoot, ToolbarRoot, FontPickerRoot, and ScrubInputRoot." />
  <SdkCard title="Composables" to="/programmable/sdk/api/composables/" description="Editor-facing composables for context, canvas wiring, selection, commands, and property panels." />
  <SdkCard title="Advanced" to="/programmable/sdk/api/advanced/" description="Lower-level helpers, primitive contexts, and specialized APIs for advanced integrations." />
</SdkCardGroup>

## Suggested path

- Start with **Components** if you are building reusable editor UI primitives.
- Start with **Composables** if you are wiring editor state and actions.
- Use **Advanced** only when you need lower-level helpers or primitive contexts.