JavaScript Image

Open-source JavaScript projects categorized as Image | Edit details

Top 23 JavaScript Image 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 | reddit.com/r/web_design | 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.

  • jimp

    An image processing library written entirely in JavaScript for Node, with zero external or native dependencies.

    Project mention: Looking for any method, programmatically or through GIMP or another free software, to stretch an image a variable amount as a function of distance from center of the screen. | reddit.com/r/GraphicsProgramming | 2022-04-14

    If you're more into Javascript, jimp works, too.

  • 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!

  • dom-to-image

    Generates an image from a DOM node using HTML5 canvas

    Project mention: How to turn HTML webpage into an Image? | dev.to | 2022-04-10

    While working in one of my project I had to implement a feature where I have turn an HTML webpage to an Image. The first thought that occurred to me was to use an inbuilt library but like dom-to-image or using Chrome Headless or a wrapper library like Puppeteer. While working I came across this technique using pure Javascript.

  • gm

    GraphicsMagick for node

  • jspaint

    🎨 Classic MS Paint, REVIVED + ✨Extras

    Project mention: The year is 2022, on linux I can: browse the internet, open steam, discord etc. as native clients, adjust my room ambient lightning, play a current AAA title with a 1 click-tweak, edit a YT vector thumbnail and record & edit a video. Never would have dreamt leaving windows would be this comfy. | reddit.com/r/pcmasterrace | 2022-04-26

    Have you tried photopea.com? Its like photoshop in the browser rather than paint.net but that along with jspaint.app covers all my image ed iting needs

  • qrcode

    qr code generator

    Project mention: Sending image back to user | reddit.com/r/Alexa_Skills | 2021-09-17
  • tui.image-editor

    🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

    Project mention: A curated list of awesome things related to Vue.js | dev.to | 2021-08-07

    toast-ui.vue-image-editor - Vue Wrapper for TOAST UI Image Editor.

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

  • pica

    Resize image in browser with high quality and high speed

    Project mention: How to include APIs in TamperMonkey? | reddit.com/r/GreaseMonkey | 2022-01-08

    I want to use this in my TamperMonkey script: https://github.com/nodeca/pica

  • next-optimized-images

    🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).

    Project mention: Should I use Create React App, or ViteJS? | reddit.com/r/reactjs | 2022-01-28

    But yes, it felt more finnicky if that makes sense. I'd suggest building your own image thing using next-optimised-images to suit your exact preferences. You can generate a blurred low res image, a higher res version and overlap them together to essentially re-create a lite version of Image component : https://github.com/cyrilwanner/next-optimized-images

  • FFCreator

    一个基于node.js的高速视频制作库 A fast video processing library based on node.js

    Project mention: FFCreator is a lightweight and flexible short video processing library based on node.js | reddit.com/r/node | 2021-09-28
  • simpleParallax

    Simple and tiny JavaScript library that adds parallax animations on any images

    Project mention: Simple Parallax | reddit.com/r/u_Payidar-SrStar | 2022-01-23
  • glightbox

    Pure Javascript lightbox with mobile support. It can handle images, videos with autoplay, inline content and iframes

  • react-image-lightbox

    React lightbox component

  • react-image

    React.js <img> tag rendering with multiple fallback & loader support

    Project mention: Testing react-image | reddit.com/r/reactjs | 2022-02-16

    It might be helpful to see how the library is testing the component itself: https://github.com/mbrevda/react-image/blob/master/src/index.test.js

  • search-by-image

    Browser extension for reverse image search, available for Chrome, Edge and Safari

    Project mention: The perfect Steam Deck skin doesn't ex.. | reddit.com/r/Steam | 2022-05-09

    Use search by image extension.

  • terminal-image

    Display images in the terminal

  • flutter_image_cropper

    A Flutter plugin for Android and iOS supports cropping images

    Project mention: Awesome flutter image components | dev.to | 2021-12-03

    Image Cropper [811⭐] - Crop your images support ratio, rotation, zoom by HungHD.

  • probe-image-size

    Get image size without full download. Supported image types: JPG, GIF, PNG, WebP, BMP, TIFF, SVG, PSD, ICO.

  • maxurl

    Finds larger/original versions of images and videos

    Project mention: 为什么最近登上来都特别卡呢 | reddit.com/r/CLTV | 2022-05-02
  • react-image-magnify

    A responsive image zoom component designed for shopping sites.

  • dezoomify

    Dezoomify is a web application to download zoomable images from museum websites, image galleries, and map viewers. Many different zoomable image technologies are supported.

    Project mention: How to download hi-res version of image? | reddit.com/r/chrome | 2022-05-05

    Use this tool: https://dezoomify.ophir.dev/

  • ImageScript

    zero-dependency JavaScript image manipulation

  • homebridge-camera-ui

    Homebridge plugin for RTSP Cameras with HSV, motion detection support, Image Rekognition, Web UI to manage/watch streams and WebApp support

    Project mention: Delayed start of FFMPG cameras | reddit.com/r/homebridge | 2022-04-30

    Homebridge-camera-ui is very well maintained and works well. I’d use it over homebridgecamera-ffmpeg for now, unfortunately the author of homebridge-camera-ffmpeg has had some difficulties lately and hasn’t had much time to update it.

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

JavaScript Image related posts

Index

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

Project Stars
1 sharp 22,269
2 jimp 11,955
3 dom-to-image 8,495
4 gm 6,615
5 jspaint 6,228
6 qrcode 5,691
7 tui.image-editor 5,126
8 pica 3,067
9 next-optimized-images 1,998
10 FFCreator 1,549
11 simpleParallax 1,404
12 glightbox 1,273
13 react-image-lightbox 1,167
14 react-image 1,077
15 search-by-image 968
16 terminal-image 865
17 flutter_image_cropper 855
18 probe-image-size 746
19 maxurl 596
20 react-image-magnify 497
21 dezoomify 435
22 ImageScript 377
23 homebridge-camera-ui 348
Find remote jobs at our new job board 99remotejobs.com. There are 7 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.
www.sonarlint.org