responsive-images

There are 5 repositories under responsive-images topic.

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

  javascriptlazy-evaluationlazyloadlazysizesperformanceresponsive-images
  Language:JavaScript 16153
• vanilla-lazyload

  verlok / 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.

  lazyload-imageslazy-loadingresponsive-imagesintersectionobserverwebpimagesvideosiframeslazyloadlazyload-iframeslazyload-videoslazyload-scriptpicture-tagpicturesrcsetsrcset-sizeslazy-sizesvanilla-javascriptvanilla-js
  Language:JavaScript 6829
• react-simple-img

  bluebill1049 / react-simple-img

  🌅 React lazy load images with IntersectionObserver API and Priority Hints

  lazyloadlazyload-imagesimages-lazyresponsive-imagesanimationplaceholderpriorityhintsintersectionobserver
  Language:JavaScript 972

• andismith / grunt-responsive-images

  Produce images at different sizes for responsive websites.

  graphicsmagickgruntgrunt-pluginsimagemagickpicturefillresizing-imagesresponsive-imagessrcset
  Language:JavaScript 726

• davidjbradshaw / image-map-resizer

  Responsive HTML Image Maps

  image-mapimagemapjqueryresizeresizerresponsiveresponsive-image-mapresponsive-images
  Language:JavaScript 723

• rbuchberger / jekyll_picture_tag

  Easy responsive images for Jekyll.

  art-directionhtml5jekylljekyll-picture-tagpicture-tagresized-imagesresponsive-imagesrubywebp-images
  Language:Ruby 565

• cloudinary / cloudinary_npm

  Cloudinary NPM for node.js integration

  image-transformationscloudcdntransform-imagesweb-developmentimage-uploadervideovideo-transcodingvideo-transformationvideo-uploadimage-manipulationimage-compressionoptimize-imagesweb-optimizationresponsive-imagesnodejsnpm-packagecloudinary-sdk
  Language:JavaScript 531

• mahnunchik / gulp-responsive

  gulp-responsive generates images at different sizes

  gulpresponsiveresponsive-imagessharp
  Language:JavaScript 513

• aelvan / Imager-Craft

  This plugin has been DEPRECATED. Check out Imager X instead.

  craft-plugincraft2craft3craftcmsimage-manipulationresponsive-images
  Language:PHP 347

• wildlyinaccurate / jekyll-responsive-image

  An unopinionated Jekyll plugin for generating and using responsive images

  jekyllrubyliquid-variablesresponsive-images
  Language:Gherkin 313

• gregives / Twelvety

  An Eleventy starter project built to be fast

  eleventy11tystarter-projectcomponentssasscritical-cssminifyresponsive-imageswebp
  Language:JavaScript 285

• JonasKruckenberg / imagetools

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

  imagesvite-pluginresponsive-imagesresize-imagesimage-transformationsvite
  Language:TypeScript 242

• oscarotero / imagecow

  PHP library to manipulate and generate responsive images

  client-hintsimagickgdimageresponsive-images
  Language:PHP 236

• wKovacs64 / react-native-responsive-image-view

  React Native component for scaling an Image within the parent View

  imagereactreact-nativereact-native-componentresponsive-imagesview
  Language:JavaScript 171

• mindkomm / timmy

  Advanced image handling for Timber.

  responsive-imagestimberwordpresswordpress-library
  Language:PHP 159

• nicolashmln / strapi-plugin-responsive-image

  Custom responsive image formats for https://strapi.io

  strapistrapijspluginresponsiveresponsive-imagesresizing-images
  Language:JavaScript 110

• kaliber5 / ember-responsive-image

  Automatically generate resized images at build-time, optimized for the responsive web, and using components to render them easily as <picture> elements.

  emberember-addonresponsiveresponsive-images
  Language:TypeScript 96
• acf-image-aspect-ratio-crop

  joppuyo / acf-image-aspect-ratio-crop

  Image Aspect Ratio Crop field for Advanced Custom Fields

  wordpressadvanced-custom-fieldsacfacf-fieldacf-addonwp-pluginresponsive-imageswordpress-plugin
  Language:PHP 93

• stereobooster / guide-to-async-components

  📖 Guide To JavaScript Async Components

  reactloadingasynccode-splittinglazy-loadinglazyloadlazyload-imagesresponsive-images
  80

• quru / qis

  Dynamic image server for web and print

  dynamic-imagesimageimage-apiimage-galleryimage-servermanagementpillowresponsive-imagesvanilla-js
  Language:Python 75
• axiom

  marketempower / axiom

  Axiom - A Hugo Theme. GitTip: https://gitcoin.co/tip?username=jhauraw

  hugohugo-themehugo-sitehugo-bloghugo-boilerplatehugo-startertailwindtailwindcsstailwind-cssalpinejsnpm-scriptscloudinarynetlifystructured-dataopen-graphresponsive-imagesresponsive-designchromasyntax-highlightingvercel
  Language:HTML 64

• trishume / enfasten

  ⚡️ Automatically make your site faster with optimized responsive images

  golangresponsive-imagesstatic-sitesrcsetimage-optimization
  Language:Go 62

• HCESrl / vue-responsive-image

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

  vue-componentsvuevuejsresponsive-imagesresponsive-web-designresponsive-designfront-endsrcset
  Language:Vue 55

• nhoizey / images-responsiver

  Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.

  eleventy-pluginimageimagesnodenodejsresponsiveresponsive-imagesresponsive-web-design
  Language:JavaScript 54

• berlinonline / converjon

  An advanced image conversion server and command line tool.

  convert-imagesjavascriptaoiconversioncroppingresponsive-imagesimagemagick
  Language:JavaScript 52

• brendt / responsive-images

  Generate responsive images to work with the srcset and sizes spec

  html5image-processingphpresponsive-images
  Language:PHP 50

• justcoded / just-responsive-images

  WordPress Plugin to support better responsive images with <picture> tag, backgrounds, retina support etc.

  oop-principlesphpresponsiveresponsive-designresponsive-imagesretinawordpresswordpress-developmentwordpress-plugin
  Language:PHP 41

• brycewray / eleventy_solo_starter

  Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.

  eleventy11tystarter-templatepostcsstailwindcssresponsive-imagesdemossginternalcsstailwindcssjittailwind-jit
  Language:JavaScript 39

• nhoizey / eleventy-plugin-images-responsiver

  eleventy-plugin-images-responsiver is a simple solution for most responsive images needs with Eleventy

  responsive-imagesresponsiveimageeleventyplugineleventy-plugin
  Language:JavaScript 39
• gregives.co.uk

  gregives / gregives.co.uk

  Personal site and portfolio of software engineer Greg Ives

  personal-siteblognuxtmarkdownresponsive-imagesportfolio
  Language:Vue 35

• sitegeist / sms-responsive-images

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

  typo3responsive-imagessrcsetsizespictureretinapicturefillimagesaspect-ratiocropping
  Language:PHP 33

• cleverage / daltons

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

  responsive-imageswebperfperformanceimageimagesresponsive-web-designresponsive-design
  Language:JavaScript 31

• alexanderschnitzler / fluid-styled-responsive-images

  Enables creation of responsive images for fluid styled content elements.

  fluidtypo3-cmsresponsive-imagestypo3typo3-cms-extension
  Language:PHP 27

• sitegeist / Sitegeist.Kaleidoscope

  Responsive Images for Neos CMS

  responsiveresponsive-imagesneoscmsneos-fusionhacktoberfest
  Language:PHP 27

• brycewray / eleventy_solo_starter_njk

  Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.

  eleventy11tystarter-templatepostcsstailwindcssresponsive-imagesdemonunjucksinternalcssssgtailwindcssjittailwind-jit
  Language:Nunjucks 21

• thisissoon / angular-image-loader

  A simple progressive, responsive, lazy image and video loading library for Angular that detects browser size and loads the appropriate image or video only when the element is in viewport. This package requires @thisissoon/angular-inviewport

  angularimage-loaderprogressive-image-loaderlazy-loadinglazy-image-loadingcomponentretina-imagesvideovideo-loaderresponsive-imagesresponsiveresponsive-videongx-image-loaderngx-video-loaderngx-lazy-loadingngx-image-loadingngxngx-library
  Language:TypeScript 21