JavaScript Images

Open-source JavaScript projects categorized as Images
Edit details
Topics: #HacktoberFest #JavaScript #Photos #React #Picture
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
Sponsored

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.

    Project mention: How to Lazy Load Html Videos | dev.to | 2023-03-11

    Vanilla-lazyload :

  • lozad.js

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

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

  • Parsr

    Transforms PDF, Documents and Images into Enriched Structured Data

    Project mention: Issue getting Parsr GUI up and running | /r/docker | 2023-09-13

    Link to the Github Repository and pre defined Docker Compose Build file for Parsr

  • editly

    Slick, declarative command line video editing & API

    Project mention: Editly – Declarative command-line video editing | news.ycombinator.com | 2023-11-02

  • kroki

    Creates diagrams from textual descriptions!

    Project mention: Kroki – Creates diagrams from textual descriptions | news.ycombinator.com | 2023-11-21

  • drift

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

  • hoverzoom

    Google Chrome extension for zooming images on mouse hover

    Project mention: Chrome's next weapon in the War on Ad Blockers: Slower extension updates | news.ycombinator.com | 2023-12-01

    > Manifest V3 will stop this by limiting what Google describes "remotely hosted code." All updates, even to benign things like a filtering list, will need to happen through full extension updates through the Chrome Web Store. They will all be subject to Chrome Web Store reviews process, and that comes with a significant time delay.

    So the author can't think of any other reason for this change other than to "slow down ad blocker updates"

    Well how about stuff like this: https://github.com/extesy/hoverzoom/discussions/670

    Where an extension dev details offers to "monetize" his app and basically perform a bait and switch and make it malicious.

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

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

  • api

    A fan-made Genshin Impact API for easy access to game data. (by genshindev)

  • ImageScript

    zero-dependency JavaScript image manipulation

  • Bulksplash

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

    Project mention: From where can i download stock image pack? | /r/web_design | 2023-04-05

  • react-imgix

    React component to display imgix images

  • 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-inner-image-zoom

    A React component for zooming images.

  • lqip-modern

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

    Project mention: A better compact image placeholder hash | news.ycombinator.com | 2023-03-22

    I open sourced a version of what Evan calls the "webp potato hash" awhile back: https://github.com/transitive-bullshit/lqip-modern

    I generally prefer using webp to BlurHash or this version of ThumbHash because it's natively supported and decoded by browsers – as opposed to requiring custom decoding logic which will generally lock up the main thread.

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

  • comicfun

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

    Project mention: We built an open source cartoonify yourself photo app | /r/opensource | 2022-12-29

  • MMM-ImagesPhotos

    Show images and photos in your MagicMirror

  • react-native-image-resource-generator

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

  • simple-image-server

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

    Project mention: An Amazon engineer asked ChatGPT interview questions for a software coding job at the company. The chatbot got them right. | /r/technology | 2023-01-26

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

JavaScript Images related posts

Index

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

Project Stars
1 vanilla-lazyload 7,453
2 lozad.js 7,349
3 Parsr 5,491
4 editly 4,360
5 kroki 2,399
6 drift 1,516
7 hoverzoom 983
8 PictShare 779
9 nanogallery2 712
10 api 648
11 ImageScript 549
12 Bulksplash 503
13 react-imgix 345
14 next-image-export-optimizer 310
15 react-inner-image-zoom 305
16 lqip-modern 271
17 magnificent.js 167
18 serverless-sharp 163
19 picpic 155
20 comicfun 48
21 MMM-ImagesPhotos 36
22 react-native-image-resource-generator 21
23 simple-image-server 21

Sponsored
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