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. Learn more →
Top 6 JavaScript responsive-image Projects
-
lazysizes
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.
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
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
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.
-
-
-
eleventy-plugin-img2picture
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 -
sveltekit-simple-image-gallery
Simple Svelte responsive image gallery: create a ribbon gallery, using Svelte dimension bindings to maintain the aspect ratio of all images.
JavaScript responsive-images related posts
- Tell HN: I was tired of being a perfectionist so I built an app within 24 hours
- Lazy load all images top to bottom
- Native lazy-loading - Why doesn't the video element have it?
- Native lazyload images vs other libraries
- Few tips to improve WebPage Performance
- Beginners Guide to Web Performance: Optimizing Images
- Best CLS Practices for Images
-
A note from our sponsor - SurveyJS
surveyjs.io | 29 Mar 2024
Index
What are some of the best open-source responsive-image projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | lazysizes | 17,254 |
2 | vanilla-lazyload | 7,539 |
3 | image-map-resizer | 794 |
4 | Twelvety | 290 |
5 | eleventy-plugin-img2picture | 23 |
6 | sveltekit-simple-image-gallery | 5 |