JavaScript Image

Open-source JavaScript projects categorized as Image

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: Organize the mess of your photo folders with Node | dev.to | 2023-11-21

    sharp

  • PhotoSwipe

    JavaScript image gallery for mobile and desktop, modular, framework independent

    Project mention: Looking for Advice on Imagely Premium? | /r/Wordpress | 2023-03-22

    Depending on your requirements and your experience with software development, you could give https://photoswipe.com/ a go. Alternatively, you could use the native gallery block with https://wordpress.org/plugins/lightbox-photoswipe/.

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • jimp

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

    Project mention: How to create and read QR codes in Node.js | dev.to | 2023-02-01

    QR codes are a convenient and efficient way to store and share information. Reading and writing QR codes can easily be done with Node.js, the popular JavaScript runtime environment. In this article, we will go over the steps for reading and writing QR codes in Node using three popular libraries: qrcode-reader and jimp for reading QR codes, and qrcode for generating QR codes.

  • dom-to-image

    Generates an image from a DOM node using HTML5 canvas

  • jspaint

    🎨 Classic MS Paint, REVIVED + ✨Extras

    Project mention: Textual Paint – MS Paint in your terminal | news.ycombinator.com | 2023-07-25

    This is by the same person who made jspaint. https://github.com/1j01/jspaint Some of the other projects by the author are also very interesting https://github.com/1j01?tab=repositories&q=&type=&language=&...

    There is this pipes screen saver for example https://1j01.github.io/pipes/

  • qrcode

    qr code generator

    Project mention: QR Code reverse engineering | /r/hacking | 2023-03-04

    qrcode (https://github.com/soldair/node-qrcode)

  • gm

    GraphicsMagick for node

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

  • tui.image-editor

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

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

  • openseadragon

    An open-source, web-based viewer for zoomable images, implemented in pure JavaScript.

    Project mention: Welcome! | /r/openseadragon | 2023-05-27

    The OpenSeadragon community already has number of places to hang out, like GitHub, Discord, and Twitter, but why not Reddit too?

  • FFCreator

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

  • next-optimized-images

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

    Project mention: Auth.js Authentication for the Web | news.ycombinator.com | 2022-12-30

    Same. I found this example [1] particularly helpful, although I don't know how good this [2] library it uses is. Overall, I've seen multiple OSS projects [3] that try to support a missing functionality in Next.js seem to just give up trying to keep up with their breaking changes.

    [1] https://stackblitz.com/edit/github-mwzv1t?file=README.md

    [2] https://github.com/hoangvvo/next-connect

    [3] https://github.com/cyrilwanner/next-optimized-images

  • glightbox

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

    Project mention: Gallery solution for photography portfolio? | /r/gohugo | 2023-04-08

    I would look at glightbox. I wrote a micro.blog plugin for it that could be easily used on any other Hugo site.

  • search-by-image

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

    Project mention: Alguem sabe o nome do anime dessa garota? | /r/animebrasil | 2023-12-09

    meah de popotan, essa extensão é perfeita em casos como esse : https://github.com/dessant/search-by-image

  • simpleParallax

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

    Project mention: Beginner developer with some react experience - I want to recreate a certain style | /r/Frontend | 2023-04-24

    Parallax: https://simpleparallax.com

  • yall.js

    A fast, flexible, and small SEO-friendly lazy loader.

    Project mention: Tips For Building Faster Websites with Efficient CSS Optimisation | dev.to | 2023-08-14

    Developers also employ alternative methods for lazy loadings, such as the scroll event listener, besides the Intersection Observer API and the loading property. Unlike the Intersection Observer API, which only monitors the elements targeted for lazy loading, developers attach a scroll event listener to every element on the page. Once the element marked for lazy loading is within the visibility range of the user, a function is invoked to switch the image or video URL with the attribute previously holding it, just like with the Intersection Observer API. This approach is costly for a web project. As the developer seeks to optimise page load by integrating lazy loading to some elements on the webpage, the developer slows down the page's performance due to multiple firing of an event as the function meets each element. Moreover, packages for JavaScript that deal with lazy loading exist. For instance, the LazyLoad library uses the Intersection Observer API, a lightweight JavaScript library. It supports many lazy loading features, such as preloading, responsive image loading, and custom loading animations. Additional lazyloading libraries include Yall.js, Lozad.js, LazyLoad XT for jQuery, and many more.

  • jarallax

    Parallax scrolling for modern browsers

  • flutter_image_cropper

    A Flutter plugin for Android and iOS supports cropping images

  • terminal-image

    Display images in the terminal

  • 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: Need the community's help finding pictures of Finn at TwitchCon | /r/F1NN5TER | 2023-07-10

    When you're archiving, make sure you're using this GreaseMonkey script to auto-redirect to higher quality versions of the image.

  • 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: Vincent van Gogh's 1515 Painting and Drawing Have Been Digitized and Put Online | news.ycombinator.com | 2023-06-28
  • react-image-magnify

    A responsive image zoom component designed for shopping sites.

  • 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-12-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 26,836
2 PhotoSwipe 23,389
3 jimp 13,136
4 dom-to-image 9,829
5 jspaint 6,969
6 qrcode 6,929
7 gm 6,897
8 tui.image-editor 6,436
9 pica 3,464
10 openseadragon 2,812
11 FFCreator 2,534
12 next-optimized-images 2,185
13 glightbox 1,793
14 search-by-image 1,734
15 simpleParallax 1,685
16 yall.js 1,345
17 jarallax 1,325
18 flutter_image_cropper 957
19 terminal-image 936
20 probe-image-size 934
21 maxurl 902
22 dezoomify 600
23 react-image-magnify 599
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.
getonboard.dev