Top 15 responsive-image Open-Source Projects

• lazysizes

  19 17,297 0.0 JavaScript

  High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.

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.

• vanilla-lazyload

  9 7,566 9.0 JavaScript

  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

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vite-imagetools

  8 845 8.9 TypeScript

  Load and transform images using a toolbox :toolbox: of custom import directives!

• image-map-resizer

  5 797 2.9 JavaScript

  Responsive HTML Image Maps

• jekyll_picture_tag

  2 607 5.0 Ruby

  Easy responsive images for Jekyll.

• Twelvety

  0 290 0.0 JavaScript

  An Eleventy starter project built to be fast (by gregives)

• svelte-img

  2 284 7.0 Svelte

  High-performance responsive/progressive images for SvelteKit

Project mention: Is Sveltekit ready to be used to develop some large-scale projects on it? | /r/sveltejs | 2023-05-03

Image Virtualization i18n FormValidation Etc...

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Quru Image Server

  1 89 1.8 Python

  Dynamic image server for web and print

  

• components

  2 54 9.0 TypeScript

  A Web component library that brings the power of TwicPics to your favorite web framework. (by TwicPics)

  

• sveltekit-image-plugin

  1 28 5.0 Svelte

  SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.

• eleventy-plugin-img2picture

  1 23 7.2 JavaScript

  Eleventy plugin to replace <img> using <picture> with resized and optimized images.

Project mention: Eleventy plugin to replace `img` with `picture` (resized and optimized) | news.ycombinator.com | 2024-02-02

• react-image-display-control

  1 17 8.6 TypeScript

  🚀 Next-gen responsive images in React

  

Project mention: Show HN: React/web component for responsive images on steroids | news.ycombinator.com | 2023-06-13

[2]: https://github.com/Frameright/react-image-display-control

• image-display-control-web-component

  1 9 8.3 TypeScript

  🚀 Next-gen responsive <img>

  

Project mention: Show HN: React/web component for responsive images on steroids | news.ycombinator.com | 2023-06-13

• sveltekit-simple-image-gallery

  1 6 4.9 JavaScript

  Simple Svelte responsive image gallery: create a ribbon gallery, using Svelte dimension bindings to maintain the aspect ratio of all images.

• image-set-function

  1 1 3.1 HTML

  Creating responsive images with image-set css function

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

responsive-images related posts

• how to integrate vite-imagetools into sveltekit 1.0
  1 project | /r/sveltejs | 15 Dec 2022
• Do you know a package that could do that ? POSTCSS ?
  1 project | /r/npm | 3 Nov 2022
• Tell HN: I was tired of being a perfectionist so I built an app within 24 hours
  1 project | news.ycombinator.com | 22 Oct 2022
• Lazy load all images top to bottom
  1 project | /r/webdev | 19 Jul 2022
• Next.js image alternative in Svelte
  2 projects | /r/sveltejs | 22 May 2022
• From PHP to SvelteKit - scanning directories
  1 project | /r/sveltejs | 14 Apr 2022
• Native lazy-loading - Why doesn't the video element have it?
  1 project | dev.to | 28 Mar 2022
• A note from our sponsor - WorkOS
  workos.com | 30 Apr 2024

  The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Index

Sponsored

The modern identity platform for B2B SaaS

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

workos.com