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: Build error occurred Error: Could not load the "sharp" module using the linux-x64 runtime | dev.to | 2024-05-31

    showing this error in deploy: Could not load the "sharp" module using the linux-x64 runtime Solve: package downgrade in "0.32.6" version package link: https://www.npmjs.com/package/sharp/v/0.32.6

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • PhotoSwipe

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

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

    Gallery PhotoSwipe: Showcase your images elegantly with PhotoSwipe

  • jimp

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

  • dom-to-image

    Generates an image from a DOM node using HTML5 canvas

  • qrcode

    qr code generator

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

  • gm

    GraphicsMagick for node

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • 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

  • openseadragon

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

  • FFCreator

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

  • next-optimized-images

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

  • glightbox

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

  • 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

  • jarallax

    Parallax scrolling for modern browsers

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

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

  • probe-image-size

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

  • terminal-image

    Display images in the terminal

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

  • homebridge-camera-ui

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

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

Log in or Post with

JavaScript Image related posts

  • Build error occurred Error: Could not load the "sharp" module using the linux-x64 runtime

    1 project | dev.to | 31 May 2024
  • How to resize images for Open Graph and Twitter using sharp

    4 projects | dev.to | 8 May 2024
  • Next.js and Bunny CDN: Complete Guide to Image Uploading with Server Actions

    4 projects | dev.to | 21 Apr 2024
  • Sharp – fast image conversion in Node.js

    1 project | news.ycombinator.com | 26 Mar 2024
  • Optimizing Image Display with Blur Placeholder and Lazyload

    1 project | dev.to | 7 Mar 2024
  • Organize the mess of your photo folders with Node

    2 projects | dev.to | 21 Nov 2023
  • Creating Chess Board SVGs, PNGs, and GIFs

    3 projects | dev.to | 10 Nov 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 15 Jun 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

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

Project Stars
1 sharp 28,239
2 PhotoSwipe 23,901
3 jimp 13,564
4 dom-to-image 10,172
5 qrcode 7,232
6 jspaint 7,152
7 gm 6,938
8 tui.image-editor 6,793
9 pica 3,664
10 openseadragon 2,939
11 FFCreator 2,742
12 next-optimized-images 2,193
13 glightbox 1,958
14 search-by-image 1,964
15 simpleParallax 1,733
16 jarallax 1,371
17 yall.js 1,359
18 maxurl 1,034
19 probe-image-size 966
20 terminal-image 948
21 dezoomify 642
22 react-image-magnify 632
23 homebridge-camera-ui 614

Sponsored
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io