Basic Editor Demo

A focused Core composition with Transform, History, Filters, and Crop for common upload, editing, and export workflows.

Image upload

Layout mode

Transform

Image adjustments

Brightness Contrast Saturation

Blur Sharpen

Grayscale Sepia Vintage

Crop

Aspect ratio

Rotation (degrees)

No image loaded

Upload a PNG, JPEG, or WebP image, or load the local sample.

Editor State

ImageEmpty

Scale100%

Rotation0 deg

Flip XNo

Flip YNo

ToolNone

UndoNo

RedoNo

Last operationNone

Export

Format Quality

No export yet.

Save last export

Public APIs Used

new ImageEditor.ImageEditorCore() ImageEditor.composePlugins() ImageEditorPlugins.Transform.transformPlugin() ImageEditorPlugins.History.historyPlugin() ImageEditorPlugins.Filters.filtersPlugin() ImageEditorPlugins.Crop.cropPlugin() editor.loadImage() editor.loadImageFile() editor.observeContainer() editor.subscribeStatus() editor.setLayoutMode() plugins.transform.scale() plugins.transform.rotate() plugins.transform.flipHorizontal() plugins.transform.flipVertical() plugins.transform.resetImageTransform() plugins.filters.preview() plugins.filters.commit() plugins.filters.clear() plugins.crop.enter() plugins.crop.setRotation() plugins.crop.apply() editor.exportImageBase64() editor.exportImageFile()