Awesome Open Source
Awesome Open Source
Combined Topics
responsive-images
x
Advertising
📦 9
All Projects
Application Programming Interfaces
📦 120
Applications
📦 181
Artificial Intelligence
📦 72
Blockchain
📦 70
Build Tools
📦 111
Cloud Computing
📦 79
Code Quality
📦 28
Collaboration
📦 30
Command Line Interface
📦 48
Community
📦 81
Companies
📦 60
Compilers
📦 60
Computer Science
📦 74
Configuration Management
📦 39
Content Management
📦 167
Control Flow
📦 197
Data Formats
📦 77
Data Processing
📦 266
Data Storage
📦 132
Economics
📦 60
Frameworks
📦 198
Games
📦 122
Graphics
📦 103
Hardware
📦 148
Integrated Development Environments
📦 47
Learning Resources
📦 147
Legal
📦 28
Libraries
📦 119
Lists Of Projects
📦 21
Machine Learning
📦 336
Mapping
📦 61
Marketing
📦 15
Mathematics
📦 55
Media
📦 228
Messaging
📦 97
Networking
📦 304
Operating Systems
📦 84
Operations
📦 120
Package Managers
📦 52
Programming Languages
📦 229
Runtime Environments
📦 96
Science
📦 42
Security
📦 375
Social Media
📦 26
Software Architecture
📦 70
Software Development
📦 68
Software Performance
📦 57
Software Quality
📦 127
Text Editors
📦 45
Text Processing
📦 131
User Interface
📦 310
User Interface Components
📦 465
Version Control
📦 29
Virtualization
📦 68
Web Browsers
📦 38
Web Servers
📦 25
Web User Interface
📦 194
The Top 105 Responsive Images Open Source Projects on Github
Categories
>
Web User Interface
>
Responsive Images
Lazysizes
⭐
15,499
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.
Vanilla Lazyload
⭐
6,512
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 Simple Img
⭐
948
🌅 React lazy load images with IntersectionObserver API and Priority Hints
Grunt Responsive Images
⭐
729
Produce images at different sizes for responsive websites.
Image Map Resizer
⭐
651
Responsive HTML Image Maps
Jekyll_picture_tag
⭐
547
Easy responsive images for Jekyll.
Gulp Responsive
⭐
500
gulp-responsive generates images at different sizes
Cloudinary_npm
⭐
497
Cloudinary NPM for node.js integration
Imager Craft
⭐
348
This plugin has been DEPRECATED. Check out Imager X instead.
Jekyll Responsive Image
⭐
287
An unopinionated Jekyll plugin for generating and using responsive images
Twelvety
⭐
257
An Eleventy starter project built to be fast
Imagecow
⭐
238
PHP library to manipulate and generate responsive images
Timmy
⭐
153
Advanced image handling for Timber.
Imagetools
⭐
148
Load and transform images using a toolbox :toolbox: of custom import directives!
React Native Responsive Image View
⭐
137
React Native component for scaling an Image within the parent View
Ember Responsive Image
⭐
94
Automatically generate resized images at build-time, optimized for the responsive web, and using components to render them easily as <picture> elements.
Acf Image Aspect Ratio Crop
⭐
88
Image Aspect Ratio Crop field for Advanced Custom Fields
Strapi Plugin Responsive Image
⭐
88
Custom responsive image formats for https://strapi.io
Guide To Async Components
⭐
77
📖 Guide To JavaScript Async Components
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
Converjon
⭐
52
An advanced image conversion server and command line tool.
Images Responsiver
⭐
50
Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.
Qis
⭐
47
Dynamic image server for web and print
Axiom
⭐
45
Axiom - A Hugo Theme
Eleventy Plugin Images Responsiver
⭐
37
eleventy-plugin-images-responsiver is a simple solution for most responsive images needs with Eleventy
Responsive Images
⭐
36
Generate responsive images to work with the srcset and sizes spec
Eleventy_solo_starter
⭐
35
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.
Sms Responsive Images
⭐
34
This TYPO3 extension provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.
Just Responsive Images
⭐
33
WordPress Plugin to support better responsive images with <picture> tag, backgrounds, retina support etc.
Daltons
⭐
30
a command-line tool that computes optimal image widths to put in srcset attributes of responsive images
Gregives.co.uk
⭐
30
Personal site and portfolio of software engineer Greg Ives
Fluid Styled Responsive Images
⭐
28
Enables creation of responsive images for fluid styled content elements.
Angular Image Loader
⭐
23
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
Sitegeist.kaleidoscope
⭐
23
Responsive Images for Neos CMS
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
Eleventy_solo_starter_njk
⭐
15
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.
Respify
⭐
14
Respify responsive image library
Wrender
⭐
13
Image compression and transformation reverse-proxy for Express apps
Object Fit Cover
⭐
11
A polyfill for the background-image cover effect combined with responsive image behaviour with the `<img>` or `<picture>` element.
Intrinsicsize Polyfill
⭐
11
Intrinsicsize-attribute polyfill
Eleventy Plugin Img2picture
⭐
10
Eleventy plugin to replace <img> using <picture> with resized and optimized images.
Gulp Srcset
⭐
10
Highly customizable plugin for generating responsive images.
Ng Image Fullscreen Viewer
⭐
9
An Angular responsive image fullscreen viewer. Also support youtube and mp4 video urls.
Wordpress Plugin
⭐
9
TwicPics Wordpress Plugin
Components
⭐
9
A Web component library that brings the power of TwicPics to your favorite web framework.
Twig Image Extension
⭐
9
An extension to facilitate the integration of responsive images' markup in Twig templates.
Remark Images
⭐
8
Plugin for Remark to make the images in your Markdown responsives.
Boltbetterthumbs
⭐
7
Bolt Extension for thumbnails, srcset and picture element using Glide
Ngx Picture
⭐
7
Properly sized images in next generation formats for Angular
Eleventy Plugin Responsive Images
⭐
7
An Eleventy plugin that adds a shortcode to enable you to add a responsive image from your Cloudinary account.
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
Frontstack Arinka
⭐
7
An awesome webpage with 100% responsiveness
Proportional Scale
⭐
6
Proportionally scales width and height values
Media Store
⭐
6
This will store files in server and save their attributes to database
Photo Gallery Img Template
⭐
6
photo gallery image template. Multiple options to display photos for a photographers website
Axiom Example
⭐
6
Example website project for the Axiom Hugo Theme
Pixboost Js
⭐
5
Javascript library to integrate Pixboost service into web site
Toastmasters Timer Material Design
⭐
5
Toastmasters Timer for meetings developed with JS.
Pixboost React
⭐
5
React library for integration with Pixboost API
Binocle
⭐
4
Works Showcase Essential website for Binocle architecture firm
Echocms
⭐
4
CMS with minimum impact on Front End, easy to use input of text and responsive-friendly images, plus solid user authentication.
Adonis Responsive Attachment
⭐
4
Turn any field on your Lucid models to an image attachment data type while automatically generating responsive sizes for the attached image files.
Hugo_twcss
⭐
3
Further development suspended as of 2021-09-11 (but see README for further information regarding a 2021-11-02 fix). Please refer instead to https://gohugo.io/tools/starter-kits/ for a curated list of Hugo starter kits. Repo formerly was named “hugo_site_css-grid.”
Salieo.js
⭐
3
Intelligently responsify your site's images in seconds.
Travel Site
⭐
3
A website project from the Udemy course - Git a Web Developer Job: Mastering the Modern Workflow by Brad Schiff
Yii2 Imageboss
⭐
3
Yii2 ImageBoss
Hugo Dfd Responsive Images
⭐
3
Hugo module for responsive images (including for Markdown and cover images)
Lazyimg
⭐
3
Lazy image loading with superpowers
Cinematt Nextjs
⭐
3
My personal photography website rebuilt using NextJS and TypeScript.
Responsive Web
⭐
2
A Simple npm package for using responsive media screen sizes in your web app.
Dynix Theme Jekyll
⭐
2
Dynix Automated Library System theme for jekyll
Picture Builder
⭐
2
Joomla plugin to generate thumbnails and output a picture element for responsive images
Responsive Images Css
⭐
2
HTML5-like responsive background images in CSS (sort of …)
Productlistingpagebestpractices
⭐
2
An optimal usage of LazyLoad both for regular and alternative images loaded at mouseover
Hugo_solo
⭐
2
Further development suspended as of 2021-09-11. Please refer instead to https://gohugo.io/tools/starter-kits/ for a curated list of Hugo starter kits.
Grav Plugin Responsive Images
⭐
2
Responsive images plugin for the Grav CMS
Layoutcomplex
⭐
2
Un proiect în care construim un layout complex în HTML și CSS. Proiect pornit de pe https://youtu.be/QyQjWqIOAc4?t=4647
Prims
⭐
1
Processing images with nodejs, generate responsive images
Makethumbsf6
⭐
1
Make thumbnails, responsive images and HTML/Zurb Foundation 6 markup all in one go. (MIT license)
Srcadapt
⭐
1
Easy and lightweight responsive image tool
Full Screen Jquery Content Slider
⭐
1
Full Screen jQuery Content Slider
Responsiveimagetoshortcode
⭐
1
Convert https://www.responsivebreakpoints.com/ into Hugo shortcode for blog
Restaurant Review App
⭐
1
Responsive Images
⭐
1
Responsive Images project involves understanding responsive images, using grunt to optimize images and automate workflow using imagemagick and graphicsmagick.
Sveltekit Simple Image Gallery
⭐
1
Simple Svelte responsive image gallery: create a ribbon gallery, using Svelte dimension bindings to maintain the aspect ratio of all images.
Responsiveimagebundle
⭐
1
Responsive images for symfony3 projects
Mws Restaurant Stage 1 Kew
⭐
1
Udacity Mobile Web Specialist Restaurant Reviews App
Srcset
⭐
1
A fast utility, written in Rust using parallel jobs 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 and outputs the needed <img/> tag
Rimg
⭐
1
A command line tool to create optimized images for the web.
Respect Art Direction
⭐
1
An attempt to solve the art direction problem with responsive images in WordPress core.
Silverstripe_srcset
⭐
1
Responsive images (via img.srcset) for SilverStripe templates
Portfolio Filter Gallery
⭐
1
Portfolio filter gallery for your blog. A super easy way to create beautiful and responsive portfolio filter gallery for WordPress.
Responsive Google Or Bing Maps
⭐
1
If you are looking for an easy and fully responsive solution to embed Google or Bing maps on your website, you might want to try this CSS technique.
Responsive Image Magnolia
⭐
1
Responsive Image - Component template for Magnolia CMS
Hybrid View Photo Php Mysql Jquery
⭐
1
Hybrid view Photo PHP Mysql Jquery
Fumes.jekyll
⭐
1
Fumes project
Not In This Lifetime
⭐
1
This mobile responsive application combines basic knowledge on HTML, CSS, GIT, Scripts, and the CSS framework Bootstrap.
Gulp Responsive
⭐
1
Generates all needed image sizes for responsive design
1-100 of 105 projects
Next >
Advertising
📦 9
All Projects
Application Programming Interfaces
📦 120
Applications
📦 181
Artificial Intelligence
📦 72
Blockchain
📦 70
Build Tools
📦 111
Cloud Computing
📦 79
Code Quality
📦 28
Collaboration
📦 30
Command Line Interface
📦 48
Community
📦 81
Companies
📦 60
Compilers
📦 60
Computer Science
📦 74
Configuration Management
📦 39
Content Management
📦 167
Control Flow
📦 197
Data Formats
📦 77
Data Processing
📦 266
Data Storage
📦 132
Economics
📦 60
Frameworks
📦 198
Games
📦 122
Graphics
📦 103
Hardware
📦 148
Integrated Development Environments
📦 47
Learning Resources
📦 147
Legal
📦 28
Libraries
📦 119
Lists Of Projects
📦 21
Machine Learning
📦 336
Mapping
📦 61
Marketing
📦 15
Mathematics
📦 55
Media
📦 228
Messaging
📦 97
Networking
📦 304
Operating Systems
📦 84
Operations
📦 120
Package Managers
📦 52
Programming Languages
📦 229
Runtime Environments
📦 96
Science
📦 42
Security
📦 375
Social Media
📦 26
Software Architecture
📦 70
Software Development
📦 68
Software Performance
📦 57
Software Quality
📦 127
Text Editors
📦 45
Text Processing
📦 131
User Interface
📦 310
User Interface Components
📦 465
Version Control
📦 29
Virtualization
📦 68
Web Browsers
📦 38
Web Servers
📦 25
Web User Interface
📦 194
Privacy policy
"GitHub" is a registered trademark of GitHub, Inc. Awesome Open Source is not affiliated with GitHub.
