JavaScript Images

Open-source JavaScript projects categorized as Images

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.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • lozad.js

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

    Project mention: Optimizing Images for Developer Blogs | dev.to | 2024-02-20

    Use a JavaScript library to implement lazy loading. There are a number of JavaScript libraries available that can help you implement lazy loading, such as Lazysizes and Lozad.

  • Parsr

    Transforms PDF, Documents and Images into Enriched Structured Data

    Project mention: LlamaCloud and LlamaParse | news.ycombinator.com | 2024-02-20

    I'm part of the team that build LlamaParse. It's net improvement compare to other PDF->Structured Text extractors (I build several in the past, includig https://github.com/axa-group/Parsr).

    For character extraction, LlamaParse use a mixture of OCR / character extraction from the PDF (it's the only parser I'm aware of that address some of the buggy PDF font issues, check the 'text' mode to see raw document before reconstruction), use a mixture of heuristic and Machine learning models to reconstruct the document.

    Once plug with a Recursive retrieval strategy, allow you to get Sota result on question answering over complexe text (see notebook: https://github.com/run-llama/llama_parse/blob/main/examples/...).

    AMA

  • editly

    Slick, declarative command line video editing & API

    Project mention: Make Timelapse easily using FFmpeg | news.ycombinator.com | 2024-05-19

    I found https://github.com/mifi/editly to be an intuitive frontend for this type of task - I used it to create a montage of several clips and was able to easily adjust parameters around timestamps and such to get the montage perfect

  • kroki

    Creates diagrams from textual descriptions!

    Project mention: Vizdom: Diagrams as Code | news.ycombinator.com | 2024-09-01

    The L in DSL is "Language", so it's a programming language that is domain, or niche, specific. These are code.

    Diagramming is a domain, and within diagramming are any number of diagram type domains, leading to concise languages for particular niches.

    Compare 25+ of these niches here: https://kroki.io/

  • drift

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

  • hoverzoom

    Google Chrome extension for zooming images on mouse hover

    Project mention: Browser extensions are underrated: the promise of hackable software | news.ycombinator.com | 2024-02-04

    I will leave this as a gallery of emails with offers to buy extension hoverzoom: https://github.com/extesy/hoverzoom/discussions/670

    Sidenote: The "collaboration" offers come from time to time even to non-extensions projects, if they are reasonably widely used. E.g. simple tools (rather widely used suite of android apps recently sold).

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

    Project mention: AI beats human sleuth at finding problematic images in research papers | news.ycombinator.com | 2023-10-04

    I guess they had a system that required humans to confirm the validity or so.

    I had a similar problem when I realized someone put up CSAM (Children sexual abuse material) on my public demo of my CDN called PictShare [1].

    I didn't want to look through all of these images so I built a Raspberry Pi with a Neural compute stick [2] that used an AI model trained by yahoo to filter out "nudity" images and I put them in an encrypted ZIP file along with the access logs and sent them to Interpol.

    This lead to the arrest of a teacher here in Austria so I'm glad I could do my part.

    This even lead to a BBC article about my system [3]

    [1] https://github.com/HaschekSolutions/pictshare

    [2] https://blog.haschek.at/2018/fight-child-pornography-with-ra...

    [3] https://www.bbc.com/news/technology-44525358

  • nanogallery2

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

  • ImageScript

    zero-dependency JavaScript image manipulation

  • Bulksplash

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

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

    React component to display imgix images

  • react-inner-image-zoom

    A React component for zooming images.

  • lqip-modern

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

  • magnificent.js

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

  • serverless-sharp

    Serverless image optimizer for S3, Lambda, and Cloudfront

  • picpic

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

  • aladin-lite

    An astronomical HiPS visualizer in the browser

  • comicfun

    Turn your profile picture into a comic book style portrait! Cartoonify yourself with JavaScript. (old project)

  • MMM-ImagesPhotos

    Show images and photos in your MagicMirror

  • simple-image-server

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

  • react-native-image-resource-generator

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

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

  • 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 Browser Extension developer on the temptations for monetization

    1 project | /r/privacy | 25 Nov 2023
  • Kroki – Creates diagrams from textual descriptions

    1 project | news.ycombinator.com | 21 Nov 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 4 Oct 2024
    SaaSHub helps you find the best software and product alternatives 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,669
2 lozad.js 7,442
3 Parsr 5,771
4 editly 4,747
5 kroki 2,880
6 drift 1,537
7 hoverzoom 1,126
8 PictShare 840
9 nanogallery2 761
10 ImageScript 622
11 Bulksplash 531
12 next-image-export-optimizer 439
13 react-imgix 358
14 react-inner-image-zoom 323
15 lqip-modern 302
16 magnificent.js 167
17 serverless-sharp 166
18 picpic 152
19 aladin-lite 99
20 comicfun 50
21 MMM-ImagesPhotos 45
22 simple-image-server 26
23 react-native-image-resource-generator 22

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com

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