JavaScript Images

Open-source JavaScript projects categorized as Images

Top 21 JavaScript Image Projects

  • lozad.js

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

    Project mention: 15 JavaScript GitHub Repos You Should Check Out | dev.to | 2022-01-31

    Link

  • 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: Lazy load all images top to bottom | reddit.com/r/webdev | 2022-07-19

    Hi all, I'm using verlok/vanilla-lazyload to make an image-based reader with thresholds: "200% 0px". The problem I'm facing is that it waits till the user scroll to load the following image and becomes slow to load images when fast scrolling. What I want to do is when the first image is loaded all the following images should load in order without relying on the user's scroll but if the reader jumps to the middle of the page then it should prioritize loading images around the reader's location. How can I achieve this? Or is there a better way to approach this issue?

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • Parsr

    Transforms PDF, Documents and Images into Enriched Structured Data

    Project mention: Does anyone know where I can get access to a prebuilt general document understanding model? | reddit.com/r/datascience | 2022-10-07

    I personally haven't used it yet, but I heard some good things about Parsr: https://github.com/axa-group/Parsr

  • editly

    Slick, declarative command line video editing & API

    Project mention: Rendering a video like THPS2 🛹 | reddit.com/r/ffmpeg | 2022-12-03

    You seem to misunderstand what ffmpeg is for - namely the stream conversion of media. Only limited filters are available. You can write your own shaders and use cli tools like https://github.com/mifi/editly for automation surely

  • panolens.js

    Javascript panorama viewer based on Three.js

  • kroki

    Creates diagrams from textual descriptions!

    Project mention: How to create diagrams via code? | reddit.com/r/homelab | 2022-12-01

    The bottom one that mentions kroki.io is even better, as it supports mermaid and many more.

  • drift

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

  • Zigi

    The context switching struggle is real. Zigi makes context switching a thing of the past. It monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack!

  • hoverzoom

    Google Chrome extension for zooming images on mouse hover

    Project mention: Hover Zoom + is just better | reddit.com/r/imagus | 2022-09-09

    I don't want to download a sieve from a russian forum. Hover Zoom+ is working fine.

  • nanogallery2

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

    Project mention: Gallery? | reddit.com/r/selfhosted | 2022-12-03

    I've been looking for a free gallery software, where you don't just have a a grid option of square images. It really doesn't need to have a light box, I am fine with making pages for each picture when you click on it, because I need to show details of the painting on it. I have looked at nanogallery2 (https://nanogallery2.nanostudio.org/) and really like the justifier option, but for me, it is to difficult to install. Any suggestions? I am not interested in wordpress.

  • api

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

  • Bulksplash

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

  • react-imgix

    React component to display imgix images

  • react-inner-image-zoom

    A React component for zooming images.

    Project mention: React Inner Image Zoom Version 3.0.0 | dev.to | 2022-01-13

    React Inner Image Zoom version 3.0.0 went out earlier this week with a handful of bug fixes, test and build improvements, and one major change.

  • magnificent.js

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

  • picpic

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

  • serverless-sharp

    Serverless image optimizer for S3, Lambda, and Cloudfront

    Project mention: Reducing app size | reddit.com/r/reactnative | 2022-03-13

    we use https://github.com/venveo/serverless-sharp

  • Share

    Simple yet advanced uploader. Allows users to upload files,images, and text with moderation tools for admins. Can be used for friends and family or just for you. Built with integration, like ShareX but more uploaders will be officially supported.

  • aladin-lite

    An astronomical HiPS visualizer in the browser

    Project mention: I read that there are high concentrations of interstellar dust and gas near the center of the galaxy that make it difficult to resolve stars. If Earth were orbiting a planet very near to the galactic center, would space appear “hazy” instead of clear and black? | reddit.com/r/askscience | 2022-06-05

    Most of the sky is not full of nebulae, sure, but if anywhere would be dense enough to completely cut off visible light, the galactic center would be that place. And indeed it is! See for yourself - in https://aladin.u-strasbg.fr/AladinLite/ search the "galactic center" and see how it looks in DSS (visible light) 2MASS (near-infrared) and finally WISE (mid-infrared) - as you escape the dust clouds, the sky turns from a dark splotchy patch to a blindingly bright core.

  • react-native-image-resource-generator

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

  • laiza-image-gen

    Random abstract image generator

    Project mention: How original, yet another handful of favorites. | reddit.com/r/generative | 2022-04-01

    Hey, I worked on something similar a few years back! It's available at https://github.com/Bielwenass/laiza-image-gen - feel free to check it out for ideas on functions that could be used. Love this type of art!

  • unsplash-pro

    Quick Image Copy-Paste Tool using UnSplash API

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

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 2022-12-03.

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 lozad.js 7,153
2 vanilla-lazyload 7,083
3 Parsr 5,014
4 editly 3,753
5 panolens.js 2,475
6 kroki 1,777
7 drift 1,450
8 hoverzoom 660
9 nanogallery2 638
10 api 498
11 Bulksplash 458
12 react-imgix 328
13 react-inner-image-zoom 246
14 magnificent.js 165
15 picpic 154
16 serverless-sharp 146
17 Share 100
18 aladin-lite 40
19 react-native-image-resource-generator 20
20 laiza-image-gen 2
21 unsplash-pro 1
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
scoutapm.com