Awesome Open Source

Programming Languages

Search results for srcset

121 search results found

Picturefill ⭐ 10,029

A responsive image polyfill for <picture>, srcset, sizes, and more

Vanilla Lazyload ⭐ 7,597

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.

React Ideal Image ⭐ 3,273

🖼️ An Almost Ideal React Image Component

Blazy ⭐ 2,576

Hey, be lazy! bLazy.JS is a lightweight pure JavaScript script for lazy loading and multi-serving images. It's working in all modern browsers including IE7+.

React Pwa ⭐ 2,534

An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.

Responsively Lazy ⭐ 1,080

Lazy load responsive images and HTML

Imgix.js ⭐ 964

Responsive images in the browser, simplified

React Progressive Image ⭐ 746

React component for progressive image loading

Grunt Responsive Images ⭐ 729

Produce images at different sizes for responsive websites.

Srcset Polyfill ⭐ 356

[Warning: not for production code]

React Imgix ⭐ 349

React component to display imgix images

Media Match ⭐ 318

Test css media queries in javascript. A faster polyfill for matchMedia support. Follow the project on Twitter @mediamatchjs.

Webpage2html ⭐ 283

save/convert web pages to a standalone editable html file for offline archive/view/edit/play/whatever

React Inner Image Zoom ⭐ 253

A React component for zooming images.

Defer.js ⭐ 240

🥇 A JavaScript micro-library that helps you lazy load (almost) anything. Defer.js is zero-dependency, super-efficient, and Web Vitals friendly.

Vue Images ⭐ 210

🍭 A simple lightbox component for displaying an array of images

Image Shadow ⭐ 140

Simple and small Javascript script to display the shadow of an image!

Jekyll Srcset ⭐ 139

Dead simple responsive images for jekyll

React Images Viewer ⭐ 137

A react library that view photos list easily, and a simple, responsive viewer component for displaying an array of images.

Js Core ⭐ 119

A JavaScript client library for generating image URLs with imgix

Vue Inner Image Zoom ⭐ 118

Parse and stringify the HTML <img> srcset attribute

Yass.js ⭐ 111

Yet Another SrcSet implementation.

Picturefill.js.wp ⭐ 110

A WordPress plugin to use Picturefill.js for image loading.

Imgix Php ⭐ 107

A PHP client library for generating URLs with imgix

Imgix Rails ⭐ 107

A gem for integrating imgix into Rails projects

Retcon Craft ⭐ 78

A collection of powerful Twig filters for modifying HTML

Sanity Image ⭐ 76

React component for displaying well-optimized images from Sanity.io easily

Imgix Rb ⭐ 75

A Ruby gem for generating image URLs with imgix

React Lazyimg Component ⭐ 72

🔆 a react component with typescript for lazy loading image 🎈

Effortless Responsive & Lazy Images with LazySizes and Umbraco

Beapi Frontend Framework ⭐ 65

WordPress friendly Front-End framework.

Vue Visual ⭐ 58

Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.

Vue Responsive Image ⭐ 55

A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.

Enfasten ⭐ 53

⚡️ Automatically make your site faster with optimized responsive images

Parse Srcset ⭐ 53

A spec-conformant JavaScript parser for the HTML5 srcset attribute

Better Rest ⭐ 52

Kirby plugin for better REST requests

Jekyll Imgix ⭐ 51

A plugin for integrating imgix into Jekyll sites

Img Srcset ⭐ 50

Responsive images based on the 'srcset' attribute proposal. Lightweight, no nonsense, all browser supporting, fast polyfill for img srcset.

Srcset Loader ⭐ 47

Flexible srcset-loader for webpack

React Srcset Image ⭐ 45

React component to optimize your images based on srcset and add an automatic medium-like blur animation.

Kirby3 Srcset ⭐ 43

Kirby 3 Plugin for creating lazyloading image srcset

a command-line tool that computes optimal image widths to put in srcset attributes of responsive images

K3 Image Clip ⭐ 39

Visually crop images with a handy image editor directly inside the panel

Media_srcset ⭐ 38

Media-SrcSet implementiert SRCSET-Funktionalität.

React Image ⭐ 37

Enhanced Image Component for React.

Wp Snippets ⭐ 37

Code Snippet Library for WordPress

Responsive Images ⭐ 36

Generate responsive images to work with the srcset and sizes spec

Imgix Python ⭐ 35

A Python client library for generating URLs with imgix

Postcss Srcset ⭐ 34

PostCSS plugin to generate background images scaled for different viewport widths

Sms Responsive Images ⭐ 34

This TYPO3 extension provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

A polyfill for srcset

Respondu ⭐ 32

An Extendible Deferred Asset Responsive Framework

Webpack Image Srcset Loader ⭐ 31

Generate srcset string from image

Plastic Image ⭐ 31

A Polymer 3.0 element which adds extra plasticity to <iron-image> with support for srcset and lazy loading

React Simple Image ⭐ 29

responsive img tag with cleaner srcset/sizes interface.

Fluid Styled Responsive Images ⭐ 28

Enables creation of responsive images for fluid styled content elements.

Lazyload Vue ⭐ 28

Vue Plugin for vanilla-lazyload

Ember Cli Imgix ⭐ 26

Easily add imgix functionality to your Ember application

Imgix Swift ⭐ 24

A Swift client library for generating URLs with imgix

React Picture ⭐ 24

This package is not maintained

Minilazyload ⭐ 22

A CLI to create sets of responsive images for the web

Wp Srcset ⭐ 19

Automatically retina-fy your WordPress site with WPThumb + a srcset polyfill

Srcset.sh ⭐ 19

A command line script that generates multiple responsive versions of an image at width breakpoints -- 320,480,640,768,960,1024,1280,1440 pixels wide -- that match common Mobile and widescreen desktop/laptop viewports using Imagemagick's convert utility and outputs the needed <img/> tag

Srcset Polyfill ⭐ 19

An image srcset polyfill that provides fallback behaviour for browsers that do not support the srcset attribute.

Imageprocessor.web.episerver ⭐ 19

Integrate ImageProcessor into Episerver and use it in your views with a fluent API. For Editor integration do not use ImageProcessor.Web.Episerver.UI but instead use ImageProcessor.Web.Episerver.UI.Blocks. For more information see

Lazy Loadable ⭐ 17

A copy-past boilerplate for native lazy-load that works today.

Imgix Java ⭐ 17

A Java client library for generating URLs with imgix

Imgix Statamic ⭐ 17

An add-on for integrating imgix into Statamic sites

Advanced Image Loader ⭐ 17

Advanced webpack2 image loader with support for image resizing, srcset and inlined placeholder. And it's blazing fast

Silverstripe Lazysizes ⭐ 16

Jekyll Srcset Tag ⭐ 15

Bring srcset images into your Jekyll project

Wagtail_srcset ⭐ 15

New template tag for sharp wagtail images on high pixel density devices

Brackets Html5codehints ⭐ 14

Extend Brackets own code hints with more HTML5 elements and attributes such as Picture, Srcset, Template +more.

Hugo Module Img Srcset ⭐ 12

A Hugo module to modify image Markdown tags to support srcsets

Advanced Templating With K2 ⭐ 12

Tweaked templates and some goodies for jumpstarting your Joomla!/ K2 project.

Imgix Csharp ⭐ 12

A C# client library for generating image URLs with imgix

Image Downloader Cnt ⭐ 12

A Google Chrome browser extension that displays all images on a web page and allows the user to choose which ones to download.

React Imgix ⭐ 12

Isomorphic React component for images scaling and manipulation using Imgix

Use Imgix with Craft

Statamic Responsive Img ⭐ 11

Statamic v2 Addon that automatically handles responsive images using srcset.

React Sorcerer ⭐ 11

A react component and companion hook that builds a srcset for your img tags.

Jekyll Adaptive Image ⭐ 10

An implementation of Adaptive Images with srcset and sizes using Google’s open image resizing service.

Imgix Go ⭐ 10

A Go client library for generating image URLs with imgix

Htmleditorsrcset ⭐ 10

Simple srcset integration with SilverStripe’s HtmlEditorField

Gulp Srcset ⭐ 10

Highly customizable plugin for generating responsive images.

Metalsmith Adaptive Images ⭐ 9

DEPRECATED: A plugin for Metalsmith to create adaptive images via srcset and styles properties

Lazy loading of images using the Interaction Observer API that is providing observing changes asynchronously

Flexis Srcset Loader ⭐ 8

Highly customizable loader for generating responsive images.

Srcset_factory ⭐ 8

Frustration-free Responsive Images

Srcset Image ⭐ 8

Polyfill for srcset feature as Web Components.

Menu Image ⭐ 8

Wordpress plugin: menu-image

Responsive Background Images ⭐ 8

Lightweight vanilla JS plugin for loading progressive background images.

Mv Gallery ⭐ 8

The simplest lightbox gallery using srcset & sizes for responsive images

Kirby Plugin Thumbext ⭐ 7

Kirby Plugin for thumbnails with srcset for different device resolutions (obsolete for kirby 3, see $file->srcset())

Rehype Resolution ⭐ 7

Insert srcset attribute into img elements

srcset Plugin for jQuery

React Img ⭐ 7

Responsive image component for React with nice abstractions over srcset, sizes and src attributes.

Srcset Parse ⭐ 7

🏙 Extra tiny `srcset` attribute parser ~150B

1-100 of 121 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.