Tui.image Editor

tui.image-editor is a JavaScript image manipulation library and web-based photo editor. It provides a browser-based interface for cropping, resizing, and applying filters to images using the HTML5 Canvas API.

The project is distinguished by its role as a canvas-based annotation tool, allowing users to add text, shapes, and freehand drawings as graphic overlays. It offers extensive UI customization through theme configuration, interface text localization, and the ability to replace default icons with custom SVG files.

The library covers geometry manipulation, visual filter application, and image import and export. It includes an action history system for undo and redo operations, as well as an event-driven bridge and programmatic controls for embedding the editor into web applications.

Features

Canvas-Based Annotation UIs - Provides a canvas-based interface for adding real-time drawings, shapes, and text overlays to images.

Browser-Based Image Processing - Performs geometry changes and applies visual effects to image files directly within the browser.

Drawing Layers - Manages text, shapes, and drawings as independent graphical layers rendered on top of the primary image.

Image Annotation Tools - Allows adding text, shapes, and freehand drawings as layered graphic overlays on top of images.

Image Filters - Provides visual effects including grayscale, blur, brightness adjustments, and color blending filters.

Web-Based Photo Editors - Provides a complete client-side interface for image annotation, geometry adjustment, and visual effects.

Image Manipulation Tools - Provides an embeddable set of tools for cropping, rotating, and filtering images within a web application.

Programmatic Manipulation Libraries - Provides a programmable library for embedding image editing and canvas drawing capabilities into web apps.

Canvas-Based Image Editors - Provides a high-performance image editing interface by manipulating pixels directly via the HTML5 Canvas API.

Spatial Geometry Manipulators - Provides essential tools for cropping, resizing, and rotating images to adjust their composition and orientation.

Image Export Utilities - Supports loading image files for editing and exporting the final result as a downloadable file.

Command Pattern Implementations - Implements an architectural pattern to encapsulate image manipulations as reversible commands for undo and redo functionality.

Customizable UI Components - Offers a highly customizable UI allowing for branded themes, localized text, and custom SVG iconography.

Dynamic Theming - Allows for the dynamic application of visual styles and color schemes to the interface at runtime.

Programmatic Configuration Interfaces - Provides APIs to execute internal methods and manipulate the image state and interface programmatically.

Theme Customization - Provides capabilities for users to personalize the editor's appearance using built-in or custom color schemes.

Undo-Redo History - Maintains a history stack of image states to enable seamless undo and redo operations during editing.

Image Editor Embeddings - Enables the integration of a configurable canvas-based photo manipulation tool directly into web applications.

nhntui.image-editor

Features

Star history