# Editor kit

> The pieces of a design tool canvas: camera, rulers, gizmos, selection, path editing, pickers and panels.

Source: https://pixi-silk.schmooky.dev/docs/editor-kit/

Widgets for editors and level tools, each under its own pixi-silk/ui entry point. The editor kit is experimental in 1.0: its API may change in a minor release.

Start with the camera and rulers, then gizmos and selection. The other pages add path editing, colour pickers, tools, dials and panels.

## 01. Canvas and rulers

Pan and zoom a PixiJS scene with a camera, then add a grid, rulers, draggable guides, redlines, a marquee and equal-gap markers around it.

Guide: https://pixi-silk.schmooky.dev/docs/canvas-and-rulers/

## 02. Gizmos and selection

Move, rotate and resize PixiJS objects with a gizmo, snap them to smart guides, track the selection and undo every drag with a history stack.

Guide: https://pixi-silk.schmooky.dev/docs/gizmos-and-selection/

## 03. Path editing

Edit bezier paths in PixiJS: drag anchors and handles, add and delete points, draw new paths with a pen tool, and undo every edit as one step.

Guide: https://pixi-silk.schmooky.dev/docs/path-editing/

## 04. Colour pickers

Hue rings, a colour wheel, an OKLCH plane, channel sliders, swatches, a radial swatch popup and an eyedropper for PixiJS, all editing one colour model.

Guide: https://pixi-silk.schmooky.dev/docs/color-pickers/

## 05. Editor tools

Action buttons that orbit the selection, a brush cursor with live resize and pen pressure, a hold-to-show mode ring and a sliding segmented switch.

Guide: https://pixi-silk.schmooky.dev/docs/editor-tools/

## 06. Dials and timeline

A jog wheel with fine control and inertia, scrub fields you drag sideways, and a compact animation timeline with keys, a loop range and zoom for PixiJS.

Guide: https://pixi-silk.schmooky.dev/docs/dials-and-timeline/

## 07. Panels

Dockable panels drawn in Pixi with no DOM: a virtualised layer tree, a schema-driven property inspector with undo, and a minimap of the camera view.

Guide: https://pixi-silk.schmooky.dev/docs/panels/