Skip to content

Image Manipulation

Provides brightness, contrast, saturation, invert, and grayscale controls for the displayed image. It renders as a compact flyout that grows out of its toolbar button — three bare vertical sliders (brightness/contrast/saturation) plus invert/grayscale toggles and a reset button, all visible and interactable at once, floating directly over the canvas with no container box.

Setup

pnpm add @triiiceratops/plugin-image-manipulation
npm install @triiiceratops/plugin-image-manipulation
bun add @triiiceratops/plugin-image-manipulation

ImageManipulationPlugin is exported ready to use with no configuration required. Add it like any plugin — see using plugins for the per-framework assignment code (every example there uses this plugin).

Examples