---
title: Advanced
description: Lower-level and specialized APIs in @open-pencil/vue.
---

# Advanced

These APIs are public, but they are more specialized than the main component and composable surface.

## Selection and scene helpers

- [useNodeProps](./use-node-props)
- [useSceneComputed](./use-scene-computed)
- [usePropScrub](./use-prop-scrub)

## Picker, variables, locale, and editor internals

- [useColorVariableBinding](./use-color-variable-binding)
- [useFillPicker](./use-fill-picker)
- [useGradientStops](./use-gradient-stops)
- [useFontPicker](./use-font-picker)
- [useOkHCL](./use-okhcl)
- [useVariables](./use-variables)
- [useVariablesDialogState](./use-variables-dialog-state)
- [useVariablesTable](./use-variables-table)
- [Locale APIs](./locale-apis)
- [useToolbarState](./use-toolbar-state)
- [useNodeFontStatus](./use-node-font-status)

## Editor-shell utilities

- [useLayerDrag](./use-layer-drag)
- [useInlineRename](./use-inline-rename)
- [useCanvasDrop](./use-canvas-drop)
- [extractImageFilesFromClipboard](./extract-image-files-from-clipboard)
- [useViewportKind](./use-viewport-kind)
- [toolCursor](./tool-cursor)

## Primitive context helpers

- [useCanvasContext](./use-canvas-context)
- [useLayerTree](./use-layer-tree)
- [useToolbar](./use-toolbar)
- [usePropertyList](./use-property-list)
- [useNumberField](./use-number-field)