JavaScript Image processing

Open-source JavaScript projects categorized as Image processing | Edit details

Top 22 JavaScript Image processing Projects

  • sharp

    High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

    Project mention: Need to mass compress gifs | | 2022-05-09

    If you have some Node and command line experience, check out Sharp. It’s an amazingly powerful image optimization tool used as the backbone of many image optimization services/apps.

  • filepond

    🌊 A flexible and fun JavaScript file upload library

    Project mention: Can't get Django to work with FilePond for some reason | | 2022-02-22

    I've had this problem for a while. I'm using filepond on the frontend for uploading files, and I've followed their setup documentation, but I cannot for the life of me get it to work. I'm using django-drf-filepond as the backend for my FilePond uploads, but I keep getting `Bad Request: /uploads/process/` errors. My FilePond configuration is

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • cropperjs

    JavaScript image cropper.

    Project mention: Cropper.js – JavaScript Image Cropper | | 2022-05-10
  • pica

    Resize image in browser with high quality and high speed

    Project mention: How to include APIs in TamperMonkey? | | 2022-01-08

    I want to use this in my TamperMonkey script:

  • vue-filepond

    🔌 A handy FilePond adapter component for Vue

  • postprocessing

    A post processing library that provides the means to implement image filter effects for three.js. (by pmndrs)

    Project mention: How to help visibility of features like text — shadows, ambient occlusion? | | 2021-08-08

    i think what you need is AO, ambient occlusion. don't have a plain vanilla example of this but you can play with the values here to see if that would make a difference for you. the library is this one:

  • lena.js

    :woman: Library for image processing

    Project mention: 12 JavaScript Image Manipulation Libraries For Your Next Web App | | 2021-06-09


  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • Awesome-Rust-MachineLearning

    This repository is a list of machine learning libraries written in Rust. It's a compilation of GitHub repositories, blogs, books, movies, discussions, papers, etc. 🦀

    Project mention: Any role that Rust could have in the Data world (Big Data, Data Science, Machine learning, etc.)? | | 2021-12-04

    There's also

  • ImageScript

    zero-dependency JavaScript image manipulation

  • imgToAscii

    A JavaScript implementation of a image to Ascii code

  • pika

    Quickly design beautiful screenshots and open graph images (by rishimohan)

    Project mention: Add Cool Gradient & Browser Borders to Your Screenshots! | | 2022-04-13
  • SVGcode

    Convert color bitmap images to color SVG vector images.

    Project mention: Finishing Up Release 0.4 | | 2021-12-10

    This issue was about experimenting with SVGCode to see if it could be used to convert raster images to SVGs. I blogged about this process in my last post. I created a pull request which demoed the results of my research by including several SVGs that I created using SVGCode, Adobe Illustrator and Inkscape. Overall, I think that Inkscape produced the most consistent results for coloured and black and white images compared to other tools I tried, which I mentioned in my PR.

  • DataTurks

    ML data annotations made super easy for teams. Just upload data, add your team and build training/evaluation dataset in hours.

  • Image-to-Braille

    Give it an image, and it will become unicode braille

    Project mention: Breaking Bad and BCS are in the same universe theory!!! | | 2022-04-05

    ⠀⠀⠀⠀⠀⠀⠀⠀⣀⣴⣶⣿⣿⣿⣿⣿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⢀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀ ⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⣛⣻⣿⣿⣟⣿⣿⣿⣷⠀⠀⠀ ⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣫⣽⣾⣻⣾⣿⣿⣿⣿⡿⣿⣿⠀⠀⠀ ⠀⠀⠀⢰⣿⣿⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠻⡿⠿⠟⠛⣟⣿⣽⠀⠀⠀ ⠀⠀⠀⠸⣿⣿⣿⣷⣿⣿⣿⣿⡿⠍⠈⠀⠁⣴⡆⠀⠀⠠⢭⣮⣿⡶⠀⠀ ⠀⡴⠲⣦⢽⣿⣿⣿⣿⣿⣟⣩⣨⣀⡄⣐⣾⣿⣿⣇⠠⣷⣶⣿⣿⡠⠁⠀ ⠀⠃⢀⡄⠀⢻⣿⣿⣿⣿⣽⢿⣿⣯⣾⣿⣿⣿⣿⣿⢿⣿⣿⡟⣿⠀⠀⠀ ⠀⠀⠣⠧⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⠟⢸⣿⠿⠿⠿⣧⠙⣿⣿⡿⠀⠀⠀ ⠀⠀⠀⠁⠼⣒⡿⣿⣿⣿⣿⣿⣿⣿⣠⣬⠀⠀⠀⠀⣾⣷⡈⣿⡇⠀⠀⠀ ⠀⠀⠀⠀⠀⠉⢳⣿⣿⣿⣿⣿⣿⣿⢟⠗⠼⠖⠒⠔⠉⠉⠻⣿⠇⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠈⣻⡿⣿⣿⣿⣿⡿⡀⣤⡄⠸⣰⣾⡒⣷⣴⣿⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠂⢸⡗⡄⠘⠭⣭⣷⣿⣮⣠⣌⣫⣿⣷⣿⣿⠃⠀⠈⠀⠀ ⠀⠀⠀⠀⠀⠈⠀⢸⣿⣾⣷⣦⡿⣿⣿⣿⡿⢻⠞⣹⣿⣿⠏⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⢘⠀⠘⢻⡿⢿⣋⣤⣤⠌⠉⠛⠛⠀⠈⠉⠁⠀⠀⠀⠀ Dots

  • svelte-filepond

    🔌 A handy FilePond adapter component for Svelte

  • live-digit-recognition

    🔢 Computer will recognize the digits you wrote on a beautiful web-interface

    Project mention: [P] I made live digit recognizer with machine learning and web technologies. (Live Demo in Comments...) | | 2022-02-27
  • process-google-dataset

    Process Google Dataset is a tool to download and process images for neural networks from a Google Image Search using a Chrome extension and a simple Python code.


    Media server for serving video preview for

  • cropper

    ✂ An online image cropper for content creators (by madzadev)

    Project mention: Introducing CropScore: An Image Cropper for Content Creators | | 2022-02-24

    💻 The project is live at: 💾 The code is available at:

  • Becoditive-API

    The official API of beCoditive with many endpoints like memes, animals, image manipulation, url shortner, etc.

    Project mention: beCoditive API | | 2021-05-21

    Github - API -

  • img-nodejs

    🌌 Imagegen (image generator) as a Service, built with Node.js, Docker, and DigitalOcean.

  • GeneticDrawer

    image evolution algorithm

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-10.

JavaScript Image processing related posts


What are some of the best open-source Image processing projects in JavaScript? This list will help you:

Project Stars
1 sharp 22,230
2 filepond 12,449
3 cropperjs 10,618
4 pica 3,053
5 vue-filepond 1,581
6 postprocessing 1,272
7 lena.js 525
8 Awesome-Rust-MachineLearning 479
9 ImageScript 373
10 imgToAscii 356
11 pika 317
12 SVGcode 286
13 DataTurks 227
14 Image-to-Braille 177
15 svelte-filepond 159
16 live-digit-recognition 40
17 process-google-dataset 30
18 29
19 cropper 18
20 Becoditive-API 13
21 img-nodejs 12
22 GeneticDrawer 9
Find remote jobs at our new job board There are 13 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.