JavaScript Image processing

Open-source JavaScript projects categorized as Image processing

Top 23 JavaScript Image processing Projects

Image processing
  1. 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: Why Single Function Lambdas is a terrible choice for Serverless development. | dev.to | 2025-04-06

    For example, you might have a Lambda that powers your entire web server. Another for data crunching using an npm package that ships with a rust binary (node polars) leveraging multiple vCpus. A third might handle image processing with sharp, triggered by S3 uploads. And maybe another is dedicated to web scraping where you bundle a headless browser like Puppeteer as Layer to Lambda.

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. filepond

    🌊 A flexible and fun JavaScript file upload library

    Project mention: Frontend resources! 🚀 | dev.to | 2024-05-25

    FilePond: Simplify file uploads with FilePond

  4. smartcrop.js

    Content aware image cropping

  5. pica

    Resize image in browser with high quality and high speed

  6. postprocessing

    A post processing library for three.js. (by pmndrs)

  7. nude.js

    Nudity detection with JavaScript and HTMLCanvas

  8. 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. 🦀

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. vue-filepond

    🔌 A handy FilePond adapter component for Vue

  11. react-filepond

    🔌 A handy FilePond adapter component for React

  12. SVGcode

    Convert color bitmap images to color SVG vector images.

  13. vintageJS

    Add a retro/vintage effect to images using the HTML5 canvas element

  14. Image-to-Braille

    Give it an image, and it will become unicode braille

  15. Pika Screenshot Editor

    Create beautiful marketing images (by rishimohan)

  16. lena.js

    :woman: Library for image processing

  17. ImageScript

    zero-dependency JavaScript image manipulation

  18. jSquash

    Browser & Web Worker focussed image codec wasm bundles derived from the Squoosh App.

    Project mention: How web worker works with a practical example | dev.to | 2025-02-23

    Jsquash webp doc

  19. imgToAscii

    A JavaScript implementation of a image to Ascii code

  20. DataTurks

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

  21. svelte-filepond

    🔌 A handy FilePond adapter component for Svelte

  22. particular-drift

    Turn images into flowing particle animations. Built with js, webgl / glsl, and html5 canvas

    Project mention: Show HN: Creating flowing particle animations out of images (JS and WebGL) | news.ycombinator.com | 2025-01-29

    Hi! I'm Alan, and I built a website that turns images into flowing particle animations.

    This javascript / WebGL tool creates particle animations out of any image in real-time within the browser, with particles that dynamically respond to edge detection and flow fields.

    It uses Sobel edge detection, a Perlin noise flow field, and webGL / GLSL for better performance.

    The tool is completely free and open source (MIT license).

    Github repo: https://github.com/collidingScopes/particular-drift

    Let me know of any feedback or suggestions for improvement.

  23. cropper

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

  24. live-digit-recognition

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

  25. 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.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript Image processing discussion

Log in or Post with

JavaScript Image processing related posts

  • Why Single Function Lambdas is a terrible choice for Serverless development.

    1 project | dev.to | 6 Apr 2025
  • Thumbnail Generation for Images and Videos using AWS Lambda

    1 project | dev.to | 22 Mar 2025
  • ⚠️ 9 frontend mistakes beginners often make

    1 project | dev.to | 10 Mar 2025
  • Chapter 3: images part one

    1 project | dev.to | 7 Mar 2025
  • How web worker works with a practical example

    2 projects | dev.to | 23 Feb 2025
  • Leveraging parallel computing in Node.js

    1 project | dev.to | 21 Feb 2025
  • Build error occurred Error: Could not load the "sharp" module using the linux-x64 runtime

    1 project | dev.to | 31 May 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 19 May 2025
    Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →

Index

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

# Project Stars
1 sharp 30,403
2 filepond 15,555
3 smartcrop.js 12,872
4 pica 3,875
5 postprocessing 2,520
6 nude.js 2,350
7 Awesome-Rust-MachineLearning 2,074
8 vue-filepond 1,972
9 react-filepond 1,919
10 SVGcode 847
11 vintageJS 842
12 Image-to-Braille 718
13 Pika Screenshot Editor 670
14 lena.js 664
15 ImageScript 651
16 jSquash 426
17 imgToAscii 403
18 DataTurks 266
19 svelte-filepond 260
20 particular-drift 104
21 cropper 66
22 live-digit-recognition 42
23 process-google-dataset 33

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io