responsive-images

There are 6 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.

  javascriptlazyloadlazy-evaluationlazysizesresponsive-imagesperformance
  Language:JavaScript 17299
• 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.

  hacktoberfestiframesimagesintersectionobserverlazy-loadinglazy-sizeslazyloadlazyload-iframeslazyload-imageslazyload-scriptlazyload-videospicturepicture-tagresponsive-imagessrcsetsrcset-sizesvanilla-javascriptvanilla-jsvideoswebp
  Language:JavaScript 7580
• react-simple-img

  beekai-oss / react-simple-img

  🌅 React lazy load images with IntersectionObserver API and Priority Hints

  lazyloadlazyload-imagesimages-lazyresponsive-imagesanimationplaceholderpriorityhintsintersectionobserver
  Language:JavaScript 988

• JonasKruckenberg / imagetools

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

  image-transformationsimagesresize-imagesresponsive-imagesvitevite-plugin
  Language:TypeScript 853

• davidjbradshaw / image-map-resizer

  Responsive HTML Image Maps

  imagemapjqueryresizeresizerresponsiveresponsive-imagesimage-mapresponsive-image-map
  Language:JavaScript 798

• andismith / grunt-responsive-images

  Produce images at different sizes for responsive websites.

  gruntgraphicsmagickresponsive-imagesgrunt-pluginspicturefillsrcsetresizing-imagesimagemagick
  Language:JavaScript 720

• cloudinary / cloudinary_npm

  Cloudinary NPM for node.js integration

  cdncloudcloudinary-sdkimage-compressionimage-manipulationimage-transformationsimage-uploadernodejsnpm-packageoptimize-imagesresponsive-imagestransform-imagesvideovideo-transcodingvideo-transformationvideo-uploadweb-developmentweb-optimization
  Language:JavaScript 616

• rbuchberger / jekyll_picture_tag

  Easy responsive images for Jekyll.

  jekyllresized-imagesrubypicture-tagwebp-imagesjekyll-picture-tagart-directionresponsive-imageshtml5
  Language:Ruby 607

• mahnunchik / gulp-responsive

  gulp-responsive generates images at different sizes

  responsive-imagesresponsivegulpsharp
  Language:JavaScript 504

• aelvan / Imager-Craft

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

  craft-plugincraftcmscraft2image-manipulationresponsive-imagescraft3
  Language:PHP 343

• wildlyinaccurate / jekyll-responsive-image

  An unopinionated Jekyll plugin for generating and using responsive images

  jekyllrubyliquid-variablesresponsive-images
  Language:Gherkin 328

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

  React Native component for scaling an Image within the parent View

  reactreact-nativereact-native-componentresponsive-imagesimageview
  Language:TypeScript 326

• gregives / Twelvety

  An Eleventy starter project built to be fast

  eleventy11tystarter-projectcomponentssasscritical-cssminifyresponsive-imageswebp
  Language:JavaScript 290

• zerodevx / svelte-img

  High-performance responsive/progressive images for SvelteKit

  progressive-image-loadingresponsive-imagessveltesveltekitvite-plugin
  Language:Svelte 284

• oscarotero / imagecow

  PHP library to manipulate and generate responsive images

  client-hintsgdimageimagickresponsive-images
  Language:PHP 242

• mindkomm / timmy

  Advanced image handling for Timber.

  timberresponsive-imageswordpresswordpress-library
  Language:PHP 169

• nicolashmln / strapi-plugin-responsive-image

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

  strapistrapijspluginresponsiveresponsive-imagesresizing-images
  Language:JavaScript 152

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

  ember-addonresponsiveemberresponsive-images
  Language:TypeScript 112
• 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 107

• quru / qis

  Dynamic image server for web and print

  imagemanagementimage-apiresponsive-imagesdynamic-imagesimage-serverimage-galleryvanilla-jspillow
  Language:Python 88

• stereobooster / guide-to-async-components

  📖 Guide To JavaScript Async Components

  reactloadingasynccode-splittinglazy-loadinglazyloadlazyload-imagesresponsive-images
  80
• axiom

  marketempower / axiom

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

  alpinejschromacloudinaryhugohugo-bloghugo-boilerplatehugo-sitehugo-starterhugo-themenetlifynpm-scriptsopen-graphresponsive-designresponsive-imagesstructured-datasyntax-highlightingtailwindtailwind-csstailwindcssvercel
  Language:HTML 74

• 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 71

• 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 59

• brendt / responsive-images

  Generate responsive images to work with the srcset and sizes spec

  phpimage-processinghtml5responsive-images
  Language:PHP 57

• singhofen / photo-gallery-img-template

  photo gallery image template. Multiple options to display photos for a photographers website

  cardfluid-galleryherohorizontal-scrollinglightboxphotophoto-galleryphoto-gallery-examplephoto-gallery-themephoto-gridphotographyphotography-portfoliophotography-templatephotography-themephotography-websitephotosresponsive-designresponsive-imagesresponsive-web-designtemplate-photo
  Language:HTML 57
• components

  TwicPics / components

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

  image-processingtwicpicsreactjsvuejsnuxtjsnextjscomponentssveltejsresponsive-imagesangular
  Language:TypeScript 54

• berlinonline / converjon

  An advanced image conversion server and command line tool.

  aoiconversionconvert-imagescroppingimagemagickjavascriptresponsive-images
  Language:JavaScript 53

• justcoded / just-responsive-images

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

  wordpress-pluginwordpresswordpress-developmentretinaresponsive-designresponsive-imagesresponsivephpoop-principles
  Language:PHP 49

• 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 39

• verlok / responsive-images-automator

  Automate the analysis of your image dimensions, automate the generation of responsive images HTML code, test the outcome with puppeteer

  hacktoberfestresponsive-imagesautomationperformanceperformance-analysisweb-performanceworkflow-automation
  Language:JavaScript 38

• 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 36

• 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 35

• sitegeist / Sitegeist.Kaleidoscope

  Responsive Images for Neos CMS

  responsiveresponsive-imagesneoscmsneos-fusionhacktoberfest
  Language:PHP 29

• peter-neumann-dev / responsive-image-linter

  A Chrome extension to test your responsive images

  chromechrome-extensionbrowser-extensiondeveloper-toolsfrontendlinterresponsive-imagestools
  Language:JavaScript 28