JavaScript Images

Open-source JavaScript projects categorized as Images

Top 23 JavaScript Image Projects

  1. vanilla-lazyload

    LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

  2. SurveyJS

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

    SurveyJS logo
  3. lozad.js

    🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more

  4. Parsr

    Transforms PDF, Documents and Images into Enriched Structured Data

    Project mention: Show HN: Documind – Open-source AI tool to turn documents into structured data | news.ycombinator.com | 2024-11-18

    From the source, Documind appears to:

    1) Install tools like Ghostscript, GraphicsMagick, and LibreOffice with a JS script. 2) Convert document pages to Base64 PNGs and send them to OpenAI for data extraction. 3) Use Supabase for unclear reasons.

    Some issues with this approach:

    * OpenAI may retain and use your data for training, raising privacy concerns [1].

    * Dependencies should be managed with Docker or package managers like Nix or Pixi, which are more robust. Example: a tool like Parsr [2] provides a Dockerized pdf-to-json solution, complete with OCR support and an HTTP api.

    * GPT-4 vision seems like a costly, error-prone, and unreliable solution, not really suited for extracting data from sensitive docs like invoices, without review.

    * Traditional methods (PDF parsers with OCR support) are cheaper, more reliable, and avoid retention risks for this particular use case. Although these tools do require some plumbing... probably LLMs can really help with that!

    While there are plenty of tools for structured data extraction, I think there’s still room for a streamlined, all-in-one solution. This gap likely explains the abundance of closed-source commercial options tackling this very challenge.

    ---

    1: https://platform.openai.com/docs/models#how-we-use-your-data

    2: https://github.com/axa-group/Parsr

  5. kroki

    Creates diagrams from textual descriptions!

    Project mention: Show HN: GUI for Editing Mermaid Class Diagrams | news.ycombinator.com | 2025-01-17

    KeenWrite parses the `diagram-` prefix then passes the word `graphviz` to Kroki (https://kroki.io/), which has an API for rendering a variety of ASCII diagrams, including Mermaid. Meaning, if Kroki adds a new diagram type, KeenWrite gets it for free (without modification).

    In Markdown, formatting a source code snippet entails using the standard syntax for code blocks:

        ``` graphviz

  6. drift

    Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript. (by strawdynamics)

  7. hoverzoom

    Google Chrome extension for zooming images on mouse hover

    Project mention: Temptations of an open-source browser extension developer | news.ycombinator.com | 2025-03-15
  8. PictShare

    :camera: PictShare is an open source image, mp4, pastebin hosting service with a simple resizing and upload API that you can host yourself. :rice_scene:

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. nanogallery2

    a modern photo / video gallery and lightbox [JS library]

  11. ImageScript

    zero-dependency JavaScript image manipulation

  12. Bulksplash

    A simple command line tool that lets you bulk download images from Unsplash

  13. next-image-export-optimizer

    Use Next.js advanced <Image/> component with the static export functionality. Optimizes all static images in an additional step after the Next.js static export.

  14. react-imgix

    React component to display imgix images

  15. lqip-modern

    Modern approach to Low Quality Image Placeholders (LQIP) using webp and sharp.

  16. serverless-sharp

    Serverless image optimizer for S3, Lambda, and Cloudfront

  17. magnificent.js

    :mag: Zoom responsively, images & more, w/ jQuery.

  18. picpic

    A awesome image host service driven by github pages and github actions.

  19. aladin-lite

    An astronomical HiPS visualizer in the browser

  20. MMM-ImagesPhotos

    Show images and photos in your MagicMirror

  21. simple-image-server

    💻Display images on web browser.📷 (by pyohei)

  22. react-native-image-resource-generator

    CLI tool to generate code-friendly image URI source constants for React Native

  23. lipupini

    Lipupini is a public domain platform for organizing computer files like images, videos, sounds and writings that you might want to display under your domain on the Internet. Lipupini aims to support RSS and Fediverse protocols.

  24. images-downloader

    A Node.js module for downloading a single image or multiple images to disk from a given Url

  25. unblur-ai

    Unblur Photos with Fotor's AI Enlarger

  26. 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 Images discussion

Log in or Post with

JavaScript Images related posts

  • Temptations of an open-source browser extension developer

    1 project | news.ycombinator.com | 15 Mar 2025
  • Hoverzoom: Zoom Images on Supported Websites

    1 project | news.ycombinator.com | 22 Dec 2024
  • Show HN: Technical diagrams from text: HTTPS://text2diagram.com/

    1 project | news.ycombinator.com | 9 Jun 2024
  • SVG Viewer – View, edit, and optimize SVGs

    4 projects | news.ycombinator.com | 27 Apr 2024
  • Show HN: Lipupini, an OSS PHP Media Platform, has reached release cycle v5.x

    1 project | news.ycombinator.com | 19 Apr 2024
  • Kroki: A unified API to create any kind of diagram from text

    1 project | news.ycombinator.com | 16 Mar 2024
  • Optimizing Images for Developer Blogs

    4 projects | dev.to | 20 Feb 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 20 May 2025
    Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →

Index

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

# Project Stars
1 vanilla-lazyload 7,791
2 lozad.js 7,497
3 Parsr 5,930
4 kroki 3,246
5 drift 1,559
6 hoverzoom 1,275
7 PictShare 865
8 nanogallery2 774
9 ImageScript 651
10 Bulksplash 545
11 next-image-export-optimizer 498
12 react-imgix 374
13 lqip-modern 342
14 serverless-sharp 170
15 magnificent.js 168
16 picpic 152
17 aladin-lite 111
18 MMM-ImagesPhotos 47
19 simple-image-server 26
20 react-native-image-resource-generator 23
21 lipupini 20
22 images-downloader 20
23 unblur-ai 17

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

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?