JavaScript Image processing

Open-source JavaScript projects categorized as Image processing

Top 23 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: Automated Image Compression: A Vite Plugin Using Sharp | dev.to | 2023-08-17

    Sharp Documentation: Link

  • filepond

    🌊 A flexible and fun JavaScript file upload library

    Project mention: Can anyone suggest PHP, JavaScript File Manager tool with Crop tool integrated? | /r/PHP | 2023-05-22

    Have a look at https://pqina.nl/filepond/

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • smartcrop.js

    Content aware image cropping

    Project mention: Just In Time Image Optimization at Reddit Scale | /r/RedditEng | 2023-06-28

    We chose to use govips which is a cgo wrapper around the libvips image manipulation library. The majority of new development for services in our backend is written using baseplate.go. But Go is not an ideal choice for media processing as it cannot keep up with the performance of native code. The most widely used image-processing libraries like libmagick are primarily written in C or C++. Speed was a major factor in selecting libvips in order to keep latency low on CDN cache misses for images. In our tests, libvips was 3–4 times faster than libmagick on basic image processing operations. Content-aware smart cropping was implemented by porting smartcrop.js to Go. This is the only operation implemented in pure Go.

  • cropperjs

    JavaScript image cropper.

  • pica

    Resize image in browser with high quality and high speed

    Project mention: Generate thumbhash at edge for tiny progressive images | dev.to | 2023-04-13

    Then pica to resize it and a simple function I wrote to crop it:

  • postprocessing

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

    Project mention: The Resend Cube Lookalike Part 3 - Lights, God Rays, Final Touches | dev.to | 2023-07-17

    We will replace our render pass and our effects pass from three with effects from postprocessing library by Poimandres. Let's start by importing it (add to importmap + call inside script)

  • vue-filepond

    🔌 A handy FilePond adapter component for Vue

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • react-filepond

    🔌 A handy FilePond adapter component for React

  • 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: Performance critical ML: How viable is Rust as an alternative to C++ | /r/rust | 2023-05-02

    There’s an awesome-git list for a bunch of ML rust stuff not sure how up to date it is as well https://github.com/vaaaaanquish/Awesome-Rust-MachineLearning … not mine

  • lena.js

    :woman: Library for image processing

  • SVGcode

    Convert color bitmap images to color SVG vector images.

    Project mention: 200 Web-Based, Must-Try Web Design and Development Tools | dev.to | 2023-08-08

    Raster Image to SVG Converter

  • ImageScript

    zero-dependency JavaScript image manipulation

  • pika

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

    Project mention: Which platform is a better alternative to BrandBird or pika.style ? | /r/makeithero | 2023-04-22
  • Image-to-Braille

    Give it an image, and it will become unicode braille

    Project mention: drop the image or the link. I’ll probably do like fifty. I will they this. | /r/whenthe | 2023-05-13
  • tinify-nodejs

    Node.js client for the Tinify API.

    Project mention: Image Optimisation with the TinyPNG API | dev.to | 2023-01-22

    You'll note that we're using the tinify npm package which is developed here. Handily this package ships with TypeScript definitions, so we don't need to install a separate types package.

  • imgToAscii

    A JavaScript implementation of a image to Ascii code

  • esmBot

    A free and open-source Discord bot designed to entertain your server

    Project mention: yeah no. have fun in the libreoffice note taking dimension bozo | /r/linuxmemes | 2023-04-19

    Sentenced to git clone --depth 1 https://github.com/esmBot/esmBot

  • DataTurks

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

  • tachyon

    Faster than light image resizing service that runs on AWS. Super simple to set up, highly available and very performant. (by humanmade)

    Project mention: Used WebP Express plugin to convert all JPG images to WEBP but realized on its uninstallation that it does it "on the fly" without changing the actual image paths in the database. Is there any way to change actual paths in the database? | /r/ProWordPress | 2022-11-08

    I’m also the author of Tachyon (https://github.com/humanmade/tachyon) which is a similar service, but can be self-hosted and expects uploads to be stored in s3. I’ve done some experimenting with AVIF (https://github.com/humanmade/tachyon/pull/130) however the encode time trade off so far doesn’t look to be worth it compared to webp. However, more research needed!

  • svelte-filepond

    🔌 A handy FilePond adapter component for Svelte

  • cropper

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

  • comicfun

    Turn your profile picture into a comic book style portrait! Cartoonify yourself with JavaScript. (old project)

    Project mention: We built an open source cartoonify yourself photo app | /r/opensource | 2022-12-29
  • live-digit-recognition

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

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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 2023-08-17.

JavaScript Image processing related posts

Index

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

Project Stars
1 sharp 26,330
2 filepond 14,094
3 smartcrop.js 12,704
4 cropperjs 12,134
5 pica 3,427
6 postprocessing 1,929
7 vue-filepond 1,807
8 react-filepond 1,647
9 Awesome-Rust-MachineLearning 1,445
10 lena.js 597
11 SVGcode 544
12 ImageScript 534
13 pika 525
14 Image-to-Braille 461
15 tinify-nodejs 399
16 imgToAscii 376
17 esmBot 325
18 DataTurks 250
19 tachyon 238
20 svelte-filepond 215
21 cropper 58
22 comicfun 47
23 live-digit-recognition 44
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com