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.

  javascriptlazy-evaluationlazyloadlazysizesperformanceresponsive-images
  Language:JavaScript 17630
• 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-jshacktoberfest
  Language:JavaScript 7763

• JonasKruckenberg / imagetools

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

  image-transformationsimagesresize-imagesresponsive-imagesvitevite-plugin
  Language:TypeScript 994
• react-simple-img

  beekai-oss / react-simple-img

  🌅 React lazy load images with IntersectionObserver API and Priority Hints

  lazyloadlazyload-imagesimages-lazyresponsive-imagesanimationplaceholderpriorityhintsintersectionobserver
  Language:JavaScript 992

• davidjbradshaw / image-map-resizer

  Responsive HTML Image Maps

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

• andismith / grunt-responsive-images

  Produce images at different sizes for responsive websites.

  gruntgraphicsmagickresponsive-imagesgrunt-pluginspicturefillsrcsetresizing-imagesimagemagick
  Language:JavaScript 719

• cloudinary / cloudinary_npm

  Cloudinary NPM for node.js integration

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

• rbuchberger / jekyll_picture_tag

  Easy responsive images for Jekyll.

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

• mahnunchik / gulp-responsive

  gulp-responsive generates images at different sizes

  gulpresponsiveresponsive-imagessharp
  Language:JavaScript 502

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

  React Native component for scaling an Image within the parent View

  imagereactreact-nativereact-native-componentresponsive-imagesview
  Language:TypeScript 381

• zerodevx / svelte-img

  High-performance responsive/progressive images for SvelteKit

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

• aelvan / Imager-Craft

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

  craft-plugincraftcmscraft2image-manipulationresponsive-imagescraft3
  Language:PHP 342

• wildlyinaccurate / jekyll-responsive-image

  An unopinionated Jekyll plugin for generating and using responsive images

  jekyllliquid-variablesresponsive-imagesruby
  Language:Gherkin 331

• gregives / Twelvety

  An Eleventy starter project built to be fast

  eleventy11tystarter-projectcomponentssasscritical-cssminifyresponsive-imageswebp
  Language:JavaScript 296

• oscarotero / imagecow

  PHP library to manipulate and generate responsive images

  client-hintsimagickgdimageresponsive-images
  Language:PHP 244

• mindkomm / timmy

  Advanced image handling for Timber.

  responsive-imagestimberwordpresswordpress-library
  Language:PHP 169

• nicolashmln / strapi-plugin-responsive-image

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

  strapistrapijspluginresponsiveresponsive-imagesresizing-images
  Language:JavaScript 162

• simonihmig / responsive-image

  The multi-framework JavaScript library for responsive images.

  responsiveemberresponsive-imagessharpvitewebpackimage-cdnimage-optimizationimage-processinglitsolidjswebcomponentssvelte
  Language:TypeScript 148
• 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 109

• quru / qis

  Dynamic image server for web and print

  dynamic-imagesimageimage-apiimage-galleryimage-servermanagementpillowresponsive-imagesvanilla-js
  Language:Python 90

• stereobooster / guide-to-async-components

  📖 Guide To JavaScript Async Components

  reactloadingasynccode-splittinglazy-loadinglazyloadlazyload-imagesresponsive-images
  80

• nhoizey / images-responsiver

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

  responsive-imagesresponsiveresponsive-web-designimageimageseleventy-pluginnodejsnode
  Language:JavaScript 76
• 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 74

• trishume / enfasten

  ⚡️ Automatically make your site faster with optimized responsive images

  golangresponsive-imagesstatic-sitesrcsetimage-optimization
  Language:Go 62

• brendt / responsive-images

  Generate responsive images to work with the srcset and sizes spec

  html5image-processingphpresponsive-images
  Language:PHP 61

• singhofen / photo-gallery-img-template

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

  photographyphotosphoto-galleryphotophoto-gallery-themephoto-gallery-examplephoto-gridhorizontal-scrollingphotography-themephotography-templatephotography-portfoliophotography-websitelightboxfluid-gallerytemplate-photoresponsive-designresponsive-imagesresponsive-web-designherocard
  Language:HTML 60

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

  front-endresponsive-designresponsive-imagesresponsive-web-designsrcsetvuevue-componentsvuejs
  Language:Vue 59
• components

  TwicPics / components

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

  image-processingtwicpicsreactjsvuejsnuxtjsnextjscomponentssveltejsresponsive-imagesangular
  Language:TypeScript 56

• berlinonline / converjon

  An advanced image conversion server and command line tool.

  convert-imagesjavascriptaoiconversioncroppingresponsive-imagesimagemagick
  Language:JavaScript 53

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

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

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

  A Chrome extension to test your responsive images

  chromechrome-extensionbrowser-extensiondeveloper-toolsfrontendlinterresponsive-imagestools
  Language:TypeScript 40

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

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

• ndianabasi / adonis-responsive-attachment

  Generate and persist optimised and responsive breakpoint images on the fly in your AdonisJS application.

  adonis-lucidadonisjsadonisjs-frameworkimage-manipulationimage-processingimagesresponsive-imagessharp-library
  Language:TypeScript 29