LibreAI / Image / react-image-editor
// image · unlayer/react-image-editor

react-image-editor

Drop-in React image editor — crop, filters, draw, text and AI assistant

💎 Hidden gem★ 255 stars⑂ 28 forksMITupdated 2026-09
▦ visual — this project's README ships no embeddable screenshot,
so here's a placeholder. The guide below is complete regardless.
// project facts

Project facts

react-image-editor is an open-source image project by unlayer (unlayer/react-image-editor on GitHub). It has 255 GitHub stars and 28 forks, is released under the MIT license, and was last updated on GitHub on 30 September 2026.

GitHub stars
255
Forks
28
License
MIT
Last updated on GitHub
30 September 2026
Category
Image
Listing
Hidden gem — a shorter page for a lesser-known project
Official site
Official site
// how it works

How it works

  1. Install the component

    Add the package to your React project via npm.

  2. Render the editor

    Mount it with an image source and config.

  3. Let users edit

    Crop, filter, draw, add text, stickers and frames.

  4. Use AI assist

    Trigger the AI assistant for smart edits.

// features

Why people love it

Full edit suite

Crop, resize, filters, draw, text, shapes.

Stickers and frames

Playful overlays for social-style edits.

AI assistant

Built-in helper for smart image edits.

React-native feel

Designed as a first-class React component.

Embeddable

Drop into any app in minutes.

MIT licensed

Free for commercial apps with attribution.

Advertisement
// run it

Run it yourself

  1. Step 1 — Clone the repo

    Download the source and move into the project folder.

    git clone https://github.com/unlayer/react-image-editor.git
    cd react-image-editor
  2. Step 2 — Check the README

    Every project documents its own setup; start with install requirements.

    cat README.md | head -60
  3. Step 3 — Run it

    Follow the project's launch command — Docker, pip, npm, or a binary release.

    # see README for the exact launch command
// use cases

What you can build

Advertisement
// faq

Questions, answered

Who maintains react-image-editor?

It is an open-source project at unlayer/react-image-editor with 162 forks. Check the repo's contributors and recent commits to see how active maintenance is.

Is it free for commercial use?

MIT licensed — commercial use allowed with attribution.

Is there a live demo?

Yes — the project links a hosted example app you can try.

What does the AI assistant do?

It assists with smart edits inside the editor — check the docs for details.

Can I theme it?

It is a React component, so styling adapts to your app's design.

// keep exploring

Similar tools

Image

Pinta

Simple GTK Paint Program

★ 4.1k starsMIT
View guide →
Image

aseprite

Animated sprite editor & pixel art tool (Windows, macOS, Linux)

★ 39.9k starsCustom
View guide →
Image

krita

Krita is a free and open source cross-platform application that offers an end-to-end solution for creating digital art files from scratch built on the KDE an…

★ 10.5k starsGPL-3.0
View guide →
Image

linkedin-content-creator

AI LinkedIn content studio — text, image and carousel posts on a calendar

★ 97 starsMIT
View guide →
Image

ZPix

Local AI image generator and editor powered by open image models

★ 122 starsGPL-3.0
View guide →
Image

pixelshift-editor

Desktop image editor with AI effects, built for modern apps

★ 114 starsCustom
View guide →
// alternatives

Alternatives in Image

The most-starred other Image projects in the LibreAI catalogue — the realistic shortlist if react-image-editor is not the right fit.

Get react-image-editor

Free and open — grab the source, star the repo, and start creating.