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 →
Top 23 JavaScript Image Projects
-
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.
-
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.
-
lozad.js
🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
-
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
-
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
-
drift
Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript. (by strawdynamics)
-
Project mention: Temptations of an open-source browser extension developer | news.ycombinator.com | 2025-03-15
-
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.
-
-
-
-
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.
-
-
-
-
-
-
-
-
-
react-native-image-resource-generator
CLI tool to generate code-friendly image URI source constants for React Native
-
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.
-
images-downloader
A Node.js module for downloading a single image or multiple images to disk from a given Url
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
JavaScript Images discussion
JavaScript Images related posts
-
Temptations of an open-source browser extension developer
-
Hoverzoom: Zoom Images on Supported Websites
-
Show HN: Technical diagrams from text: HTTPS://text2diagram.com/
-
SVG Viewer – View, edit, and optimize SVGs
-
Show HN: Lipupini, an OSS PHP Media Platform, has reached release cycle v5.x
-
Kroki: A unified API to create any kind of diagram from text
-
Optimizing Images for Developer Blogs
-
A note from our sponsor - SurveyJS
surveyjs.io | 20 May 2025
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 |