Interactive demo suite
@bensitu/image-editor
A framework-free image editing toolkit for product workflows that need filters, crop, masks, mosaic redaction, annotations, history, and export from one Fabric.js v7 integration.
Basic Editor Demo
Load an image, transform it, preview filters, crop, and export.
- Upload and local sample image
- Zoom, rotate, filters, reset, undo, redo
- Crop and PNG/JPEG/WebP export
Annotation Demo
Review screenshots or documents with structured and freehand markup.
- Text, rectangle, line, arrow, and Draw modes
- Layer ordering and delete actions
- Public hide and lock controls
Mask & Mosaic Demo
Redact sensitive regions with overlays and baked pixelation.
- Rectangle, circle, ellipse, polygon masks
- Mask list and quick redaction presets
- Mosaic brush and export controls
Integrated Editor Demo
Exercise image editing and overlay workflows in one workspace.
- Masks, text, shapes, drawing, and layer controls
- Zoom, arbitrary rotation, and image flips
- Configurable overlay following, history, and export
These pages are static docs assets. Locally they use the repository build output
from dist/umd/image-editor.umd.js; on GitHub Pages they load the
published UMD package from jsDelivr.
Need the previous all-in-one demo? Open legacy v1.