Imigi Image Editor
A powerful, fully customizable web-based image editor library built with React and Fabric.js. Add professional image editing to any web app in minutes.
Features
Image Editing Tools
Filter, crop, draw, text, shapes, stickers, frames, resize, redact, finetune, and more -- all built in and ready to use.
React + Fabric.js
Built on top of React for UI and Fabric.js for powerful HTML5 canvas manipulation with a rich object model.
Fully Customizable
Themes, tool configuration, UI layout, custom toolbars, colors, and branding -- make it truly yours.
Multiple Integrations
Works seamlessly with React, Vue, Angular, Next.js, Nuxt, and vanilla JavaScript projects.
State Management
Save and restore complete editor states as JSON. Built-in undo/redo with full history tracking.
Export Options
Export edited images as PNG, JPEG, JSON state, or SVG with configurable quality settings.
Mobile Responsive
Responsive layout that adapts to any screen size. Touch-friendly controls for mobile and tablet devices.
TypeScript Support
Full TypeScript type definitions included for type-safe development and IDE autocompletion.
i18n / Multi-language
Built-in internationalization support with customizable translation keys and RTL language support.
Quick Start
Get up and running with Imigi in just a few lines of code.
npm install imigiimport Imigi from 'imigi';
// Initialize the editor
const editor = await Imigi.init({
selector: '#editor',
image: 'photo.jpg',
theme: 'dark',
tools: ['filter', 'crop', 'draw', 'text', 'shapes'],
onSave(image) {
console.log('Saved!', image);
}
});You can also use Imigi via CDN with a <script> tag for quick prototyping. See the Getting Started guide for all installation methods.
Explore the Documentation
Getting Started
Installation, setup, and your first image editor in minutes.
Configuration
All configuration options for UI, tools, export, import, and more.
API Reference
Complete API documentation for all methods, properties, and events.
Tools Guide
In-depth guide to every editing tool: filter, crop, draw, text, shapes, and more.
Events
Lifecycle callbacks, canvas events, object events, and selection events.
Theming
Built-in themes, custom themes, CSS variables, and dynamic switching.
Integrations
React, Vue, Angular, Next.js, Nuxt, and vanilla JavaScript guides.
Examples
Ready-to-use code examples: auto-save, server upload, overlay mode, and more.
Translations
Internationalization, custom languages, translation keys, and RTL support.
Advanced
State management, custom filters, Fabric.js access, performance, and security.
FAQ
Frequently asked questions and troubleshooting common issues.