Photo manipulation and image editing programs like Photoshop, and GIMP are often desktop applications. However, photo editing can also be done through the web browser.

Many web-based services offer photo editing for a price, which requires only an internet connection, a web browser, and an account.

Although they seem limited compared to desktop programs, web-based image editing programs have proven to be reliable for many users.

In this article, we present a collection of free web-based open-source image editing solutions that you can download, install and run on your local machine or server.

Here is our list:

1- Photo-Chrome

Photo-Chrome is a browser-based image editor built with the Angular framework.

The app features images browser panel, and several image editing tools like cropping, cloning, flipping, filter, text, and shape mask tools.

Photo-Chrome comes with many preset filters which are: sharper, emboss, grayscale, vintage, sepia, Polaroid, and many other advanced filters to modify colors, noise, blurring, and brightness.

Shape mask tools enable using different shapes for any image as a mask with opacity control.

GitHub - Pipe-Runner-Lab/photo-chrome: A state of the art web-based photo editor module made using angular v4
A state of the art web-based photo editor module made using angular v4 - GitHub - Pipe-Runner-Lab/photo-chrome: A state of the art web-based photo editor module made using angular v4

2- BitMappery

BitMappery is a web-based non-destructive photo editor that is closely similar to Adobe Photoshop.

BitMappery uses Vue, Vuex and offers multi-language support using Vuel18n.

With BitMappery, you can have advanced layers editing and manipulation, selection tools, many brush options, and image transformation tools.

BitMappery offers a smooth interface that works smoothly on Google Chrome and Mozilla Firefox.

GitHub - igorski/bitmappery: Browser based non-destructive photo editor with layering, masking, customizable brushes and cloud storage integration for all your web based working.
Browser based non-destructive photo editor with layering, masking, customizable brushes and cloud storage integration for all your web based working. - GitHub - igorski/bitmappery: Browser based no…

3- miniPaint

miniPaint is another browser-based image editor that uses HTML5 with seamless drag-and-drop functionalities. Currently, miniPaint supports many image editing tools and a rich set of image effects and filters.

The user interface of miniPaint, resembles Adobe Photoshop, GIMP, and other professional image editing programs, but in the browser. It is also responsive and works seamlessly on tablet screens and with full-screen support.

miniPaint offers file export to many popular image formats which include PNG, JPG, GIF, BMP, TIFF, and BMP. It also supports the WEBP file format.

GitHub - viliusle/miniPaint: online image editor
online image editor. Contribute to viliusle/miniPaint development by creating an account on GitHub.

4- SnapLab

SnabLab is an image editor web app that uses OpenCV (Open Computer Vision framework) library and Flask Python framework.

The SnabLab comes with many tools, effects, and filters. It can be installed and self-hosted on the localhost or a server.

We did not have a chance to try this app yet, but it looks promising.

GitHub - ashish-mj/SnapLab: SnapLab is an image editor web application built using openCV, flask, HTML5, CSS3.
SnapLab is an image editor web application built using openCV, flask, HTML5, CSS3. - GitHub - ashish-mj/SnapLab: SnapLab is an image editor web application built using openCV, flask, HTML5, CSS3.

5- Photo Editor web

This is another open-source photo editor web application that works seamlessly with all modern web browsers.

Onur Ertugral, a Turkish developer, created it using React web framework and Node.js technologies.

This Photo Editor app is a simple one, that comes without filters and effects like other programs, but it supports resizing, cropping, text editing, rotating, and flipping.

You can also adjust the brightness, contrast, blur, and saturation with a smooth slider tool.

After you finish editing your photo, you can download it or even email it to an email of your choosing.

GitHub - OnurErtugral/Photo-Editor: A single page web application which enables users to edit their images.
A single page web application which enables users to edit their images. - GitHub - OnurErtugral/Photo-Editor: A single page web application which enables users to edit their images.

6- nuophoto

The nuophoto app is a web-based application for photo editing that is built with JavaScript using Angular framework with Bootstrap CSS framework.

It uses the PhotoJShop library for photo editing and processing.

The package works for Chrome, Firefox, and Safari browsers.

GitHub - aurbano/nuophoto: :camera: Web based image editor
:camera: Web based image editor. Contribute to aurbano/nuophoto development by creating an account on GitHub.

7- PhotoJShop

The PhotoJShop is a JavaScript photo editing library for developers to create image editing web applications.

It comes with a dozen filters and effects out of the box. It plays well with other JavaScript frameworks and libraries like jQuery, Angular, and React.

GitHub - aurbano/photojshop: :art: Photo editing JavaScript library
:art: Photo editing JavaScript library. Contribute to aurbano/photojshop development by creating an account on GitHub.

8- Flieroboto Image Editor

If you are a developer and want to integrate image editing functionalities into your web app, this is the 3rd application on this list that you can use.

Filerobot Image Editor Demo
The Filerobot Image Editor is the easiest way to integrate an easy-to-use image editor in your web application. Integrated with few lines of code, your users will be able to apply basic transformations like resize, crop, flip, finetune, annotate, watermark and various filters to any image.

9- Toast.ui Image Editor

Toast.UI is an open-source JavaScript library built to ease the developer's work. The image editing library is one of these.

Toast.UI comes with a complete editor with a user interface that works smoothly on Chrome, Edge, Safari, and Firefox.

It is easy to integrate Toast Image editors with any JavaScript project.

Unlike other projects, this one offers Vue and React wrappers alongside their plain JavaScript library.

GitHub - nhn/tui.image-editor: 🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters. - GitHub - nhn/tui.image-editor: 🍞🎨 Full-featured photo image editor using canvas. It is really…

10- Darkroomjs

This is yet another JavaScript image editing library. It is a popular project that has been used for years because it is a framework-agnostic library.

Under the hood, Darkroomjs uses the FabricJS library to manage images in HTML5 canvas.

Unfortunately, the library has been discontinued.

Darkroom is released under MIT License.

GitHub - MattKetmo/darkroomjs: Extensible image editing tool in your browser
Extensible image editing tool in your browser. Contribute to MattKetmo/darkroomjs development by creating an account on GitHub.

11- Photoeditor

Photoeditor is a simple image editing library that comes with many features out-of-the-box.

Like some libraries on this list, the Photoeditor developer, released it under MIT License.

GitHub - tribalmedia/photoeditor: A simple and easy-to-use library which provides the completion of the most basic editing functions.
A simple and easy-to-use library which provides the completion of the most basic editing functions. - GitHub - tribalmedia/photoeditor: A simple and easy-to-use library which provides the completi…

12- Java Image Editor

Java Image Editor as its name suggests is a cross-platform Java-based image editor. Users can install it on Windows, Linux, and macOS also can run it through their browser using Java applet.

Java Image Editor is a fairly old project, which has proven to be reliable among Java developers for many years.

Beyond its rich features and cool interface that resemble Adobe Photoshop, it features an extensible architecture via its developer-friendly plugin system.

The Java Image Editor is a simple image editor built using Swing and the filter classes found on this site. Originally written as a test harness for my image processing classes, it's now become a fully fledged application.

Features include:

  • Multiple image layers
  • Brushes: paint, clone, erase etc.
  • Blending modes - add, screen, darken etc.
  • Transformations: scale, rotate, shear, perspective
  • Lots of effects and image-processing operations
  • Reads and writes multiple image formats
  • Extensible via a plugin mechanism


Jerry’s Java Image Processing Pages

13- FileRun for images

FileRun is an open-source self-hosted cloud file manager. It helps you sync, backup, upload, and organize your files in the cloud.

Of course, your photos are among these files, so FileRun developers offer special treatment for photos as a built-in basic image editor, image tagging, image metadata extract support which view it in the information panel.

FileRun features an automatic image thumb generator for virtually all image file formats. It also categorizes and searches images by the metadata it extracts from all image files, even Adobe Photoshop file (PSD) format.

It also supports RAW file formats.

Although, its image editor is basic, hey it is a cool one. It is an ideal solution for designers and photographers who want to share their photos with simple editing.

FileRun - Selfhosted File Sync and Share - Just like Drive or Box, but private and under your control.
Get access to files anywhere through self-hosted secure cloud storage and file backup for your photos, videos, files and more with FileRun.

14- PlanetbiruPhotoEditor

This one is a simple lightweight web-based photo editor written with PHP, JavaScript (jQuery), and using HTML5 Canvas.

It supports camera capture, image upload, and many image editing, transformation tools, effects, text editing, and more.

It is unclear if the developer abandoned, the project, as it did not update the repo since 2018.

GitHub - kamshory/PlanetbiruPhotoEditor: Planetbiru Photo Editor is a web-based photo editor using HTML5 Canvas and JavaScript
Planetbiru Photo Editor is a web-based photo editor using HTML5 Canvas and JavaScript - GitHub - kamshory/PlanetbiruPhotoEditor: Planetbiru Photo Editor is a web-based photo editor using HTML5 Canv…

15- Pie.js

pie.js is a layer-based image editor written with JavaScript and released as an open-source package under MIT License.

GitHub - ange007/pie-js: pie.js - Photo&Image Editor (OpenSourse analogue of “Pixie - Image Editor”)
pie.js - Photo&Image Editor (OpenSourse analogue of "Pixie - Image Editor") - GitHub - ange007/pie-js: pie.js - Photo&Image Editor (OpenSourse analogue of "Pixie - Image Edit…

16- Angular image editor

You may consider this one as an experimental package. It uses the Angular 9 framework primarily to build a simple image editor.

The user interface is quite simple, and it does not have many tools, effects, or filters like the other projects on this list.

GitHub - pavlik111188/angular-image-editor: Angular 9 image editor with cropper.js
Angular 9 image editor with cropper.js. Contribute to pavlik111188/angular-image-editor development by creating an account on GitHub.

Final thought

Image editors are an important asset, not just for designers, and photographers but also for daily users. Desktop image editors are fine, but they require desk space, and certain hardware specifications, and unlike desktop apps, web-based do not.

So, we hope our collection will be useful to those who want to have a self-hosted image editor on their machine or server.

If you know of any other open-source web-based image editor, let us know in the comments.