Awesome Open Source
Awesome Open Source


Photoeditor is a simple and easy-to-use library, which provides the completion of the most basic image editing functions.


  • Support both PC and mobile devices
  • Upload Image
  • Apply Filter Effect on image such as brightness, contrast, blur, gray, saturate
  • Apply Filter Sample on image with twelve samples
  • Orientate Image with horizontal, vertical, rotate clockwise, rotate counterclockwise
  • Support resize image
  • Support crop image
  • Undo and Redo
  • Apply or Cancel editing
  • Import image from server
  • Download edited image


Two ways to install library:

  • Clone library and put it into your project
git clone
  • Or download directly library from github and put it into your project

Then import photoeditor.js and photoeditor.css into somewhere you want to use.

Build with

  • Font Awesome 4.7.0

To install Font Awesome library run below commandline:

npm install


Simply apply Photoeditor with a reference to the element:

<div id="test"></div>
    document.addEventListener('DOMContentLoaded', function() {
    }, false);

Or import image from your server:

<img src="your-imge-url" alt="" id="test">
<div id = "show_your_img"></div>
    document.addEventListener('DOMContentLoaded', function() {
        photoEditor.init('test', 'show_your_img');
    }, false);


<code> with ❤ by Tribal Media House


Photoeditor is licensed under the MIT License - see the LICENSE file for details

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,552,287
Website (9,678
Image (4,715
Awesome (3,759
Javascript Library (1,872
Easy (583
Javascript Tools (177
Related Projects