Top 23 JavaScript Image processing Projects

Image processing

• Add a project

1. sharp

   1 111 31,039 9.1 JavaScript

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

   

   Project mention: How to create and serve image blur placeholders | dev.to | 2025-06-25

   Doing this in Node is simple, we'll use the popular sharp library to resize the image.

2. Civic Auth

   www.civic.com featured

   Web2 & Web3 login in a simple SDK. Drop Civic Auth into your app with native TS/JS support. Email login, SSO options, embedded wallets, and full session management. Minimal config. Deploy in under 5 minutes.

   

3. filepond

   2 15 16,063 6.7 JavaScript

   🌊 A flexible and fun JavaScript file upload library

   

4. smartcrop.js

   3 2 12,898 4.1 JavaScript

   Content aware image cropping

   

5. pica

   4 11 3,926 0.0 JavaScript

   Resize image in browser with high quality and high speed

   

6. postprocessing

   5 12 2,593 8.5 JavaScript

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

   

7. nude.js

   6 1 2,352 0.0 JavaScript

   Nudity detection with JavaScript and HTMLCanvas

   

8. Awesome-Rust-MachineLearning

   7 5 2,137 0.0 JavaScript

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

   surveyjs.io featured

   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 dynamic JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

10. vue-filepond

    8 1 1,983 2.7 JavaScript

    🔌 A handy FilePond adapter component for Vue

    

11. react-filepond

    9 1 1,945 4.1 JavaScript

    🔌 A handy FilePond adapter component for React

    

12. SVGcode

    10 7 888 3.5 JavaScript

    Convert color bitmap images to color SVG vector images.

    

13. vintageJS

    11 1 846 2.9 JavaScript

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

    

14. Image-to-Braille

    12 62 740 0.0 JavaScript

    Give it an image, and it will become unicode braille

    

15. lena.js

    13 1 676 3.8 JavaScript

    :woman: Library for image processing

    

16. Pika Screenshot Editor

    14 11 669 3.3 JavaScript

    Create beautiful marketing images (by rishimohan)

    

17. ImageScript

    15 0 665 3.9 JavaScript

    zero-dependency JavaScript image manipulation

    

18. imgToAscii

    16 1 407 0.0 JavaScript

    A JavaScript implementation of a image to Ascii code

    

19. DataTurks

    17 1 269 0.0 JavaScript

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

    

20. svelte-filepond

    18 1 262 4.9 JavaScript

    🔌 A handy FilePond adapter component for Svelte

    

21. particular-drift

    19 1 117 7.6 JavaScript

    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.

22. cropper

    20 4 67 3.3 JavaScript

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

    

23. live-digit-recognition

    21 4 42 0.0 JavaScript

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

    

24. video-to-pixel-art

    22 1 35 7.8 JavaScript

    Turn videos into pixel art in real-time using javascript, webgl, and html canvas

    

    Project mention: Show HN: Turn videos into pixel art animations in real-time (open source) | news.ycombinator.com | 2024-12-13

    Turn videos into pixel art -- use your webcam feed or upload a video, then use the controls to adjust the color palette and pixel size.

    All processing is done in real-time within your browser, using javascript / webgl shaders / html canvas. Github repo here: https://github.com/collidingScopes/video-to-pixel-art

    You can export your creations as images or videos to save / share your work.

    This tool is completely free, open source (MIT license). You are welcome to use it for personal or commercial purposes.

25. process-google-dataset

    23 1 33 0.0 JavaScript

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

    sevalla.com featured

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    

JavaScript Image processing related posts

• How to actually optimize your website

  4 projects | dev.to | 29 Jul 2025

• How to create and serve image blur placeholders

  1 project | dev.to | 25 Jun 2025

• 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
• A note from our sponsor - Sevalla
  sevalla.com | 31 Aug 2025

  Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more! Learn more →

Index

Sponsored

Web2 & Web3 login in a simple SDK

Drop Civic Auth into your app with native TS/JS support. Email login, SSO options, embedded wallets, and full session management. Minimal config. Deploy in under 5 minutes.

www.civic.com

Do not miss the trending JavaScript projects with our weekly report!