Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Projects in Awesome Lists tagged with responsive-images
A curated list of projects in awesome lists tagged with responsive-images .
https://github.com/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.
javascript lazy-evaluation lazyload lazysizes performance responsive-images
Last synced: 16 Dec 2024
https://github.com/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.
javascript lazy-evaluation lazyload lazysizes performance responsive-images
Last synced: 25 Oct 2024
https://github.com/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.
hacktoberfest iframes images intersectionobserver lazy-loading lazy-sizes lazyload lazyload-iframes lazyload-images lazyload-script lazyload-videos picture picture-tag responsive-images srcset srcset-sizes vanilla-javascript vanilla-js videos webp
Last synced: 16 Dec 2024
https://github.com/beekai-oss/react-simple-img
🌅 React lazy load images with IntersectionObserver API and Priority Hints
animation hints images-lazy intersectionobserver lazyload lazyload-images placeholder priority responsive-images
Last synced: 15 Dec 2024
https://github.com/jonaskruckenberg/imagetools
Load and transform images using a toolbox :toolbox: of custom import directives!
image-transformations images resize-images responsive-images vite vite-plugin
Last synced: 18 Dec 2024
https://github.com/JonasKruckenberg/imagetools
Load and transform images using a toolbox :toolbox: of custom import directives!
image-transformations images resize-images responsive-images vite vite-plugin
Last synced: 26 Oct 2024
https://github.com/davidjbradshaw/image-map-resizer
Responsive HTML Image Maps
image-map imagemap jquery resize resizer responsive responsive-image-map responsive-images
Last synced: 20 Dec 2024
https://github.com/andismith/grunt-responsive-images
Produce images at different sizes for responsive websites.
graphicsmagick grunt grunt-plugins imagemagick picturefill resizing-images responsive-images srcset
Last synced: 15 Dec 2024
https://github.com/cloudinary/cloudinary_npm
Cloudinary NPM for node.js integration
cdn cloud cloudinary-sdk hacktoberfest image-compression image-manipulation image-transformations image-uploader nodejs npm-package optimize-images responsive-images transform-images video video-transcoding video-transformation video-upload web-development web-optimization
Last synced: 17 Dec 2024
https://github.com/rbuchberger/jekyll_picture_tag
Easy responsive images for Jekyll.
art-direction html5 jekyll jekyll-picture-tag picture-tag resized-images responsive-images ruby webp-images
Last synced: 18 Dec 2024
https://github.com/robwierzbowski/jekyll-picture-tag
Easy responsive images for Jekyll.
art-direction html5 jekyll jekyll-picture-tag picture-tag resized-images responsive-images ruby webp-images
Last synced: 03 Sep 2024
https://github.com/mahnunchik/gulp-responsive
gulp-responsive generates images at different sizes
gulp responsive responsive-images sharp
Last synced: 15 Dec 2024
https://github.com/wkovacs64/react-native-responsive-image-view
React Native component for scaling an Image within the parent View
image react react-native react-native-component responsive-images view
Last synced: 18 Dec 2024
https://github.com/zerodevx/svelte-img
High-performance responsive/progressive images for SvelteKit
progressive-image-loading responsive-images svelte sveltekit vite-plugin
Last synced: 20 Dec 2024
https://github.com/wildlyinaccurate/jekyll-responsive-image
An unopinionated Jekyll plugin for generating and using responsive images
jekyll liquid-variables responsive-images ruby
Last synced: 15 Dec 2024
https://github.com/wKovacs64/react-native-responsive-image-view
React Native component for scaling an Image within the parent View
image react react-native react-native-component responsive-images view
Last synced: 30 Oct 2024
https://github.com/gregives/twelvety
An Eleventy starter project built to be fast
11ty components critical-css eleventy minify responsive-images sass starter-project webp
Last synced: 17 Dec 2024
https://github.com/gregives/Twelvety
An Eleventy starter project built to be fast
11ty components critical-css eleventy minify responsive-images sass starter-project webp
Last synced: 02 Oct 2024
https://github.com/oscarotero/imagecow
PHP library to manipulate and generate responsive images
client-hints gd image imagick responsive-images
Last synced: 18 Dec 2024
https://github.com/nicolashmln/strapi-plugin-responsive-image
Custom responsive image formats for https://strapi.io
plugin resizing-images responsive responsive-images strapi strapijs
Last synced: 21 Dec 2024
https://github.com/simonihmig/responsive-image
The multi-framework JavaScript library for responsive images.
ember ember-addon responsive responsive-images sharp vite webpack
Last synced: 16 Dec 2024
https://github.com/quru/qis
Dynamic image server for web and print
dynamic-images image image-api image-gallery image-server management pillow responsive-images vanilla-js
Last synced: 30 Oct 2024
https://github.com/stereobooster/guide-to-async-components
📖 Guide To JavaScript Async Components
async code-splitting lazy-loading lazyload lazyload-images loading react responsive-images
Last synced: 31 Oct 2024
https://github.com/nhoizey/images-responsiver
Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.
eleventy-plugin image images node nodejs responsive responsive-images responsive-web-design
Last synced: 21 Dec 2024
https://github.com/marketempower/axiom
Axiom - A Hugo Theme. GitTip: https://gitcoin.co/tip?username=jhauraw
alpinejs chroma cloudinary hugo hugo-blog hugo-boilerplate hugo-site hugo-starter hugo-theme netlify npm-scripts open-graph responsive-design responsive-images structured-data syntax-highlighting tailwind tailwind-css tailwindcss vercel
Last synced: 11 Oct 2024
https://github.com/trishume/enfasten
⚡️ Automatically make your site faster with optimized responsive images
golang image-optimization responsive-images srcset static-site
Last synced: 15 Oct 2024
https://github.com/brendt/responsive-images
Generate responsive images to work with the srcset and sizes spec
html5 image-processing php responsive-images
Last synced: 27 Oct 2024
https://github.com/twicpics/components
A Web component library that brings the power of TwicPics to your favorite web framework.
angular components image-processing nextjs nuxtjs reactjs responsive-images sveltejs twicpics vuejs
Last synced: 21 Dec 2024
https://github.com/berlinonline/converjon
An advanced image conversion server and command line tool.
aoi conversion convert-images cropping imagemagick javascript responsive-images
Last synced: 22 Nov 2024
https://github.com/justcoded/just-responsive-images
WordPress Plugin to support better responsive images with <picture> tag, backgrounds, retina support etc.
oop-principles php responsive responsive-design responsive-images retina wordpress wordpress-development wordpress-plugin
Last synced: 12 Oct 2024
https://github.com/cleverage/daltons
a command-line tool that computes optimal image widths to put in srcset attributes of responsive images
image images performance responsive-design responsive-images responsive-web-design webperf
Last synced: 16 Nov 2024
https://github.com/verlok/responsive-images-automator
Automate the analysis of your image dimensions, automate the generation of responsive images HTML code, test the outcome with puppeteer
automation hacktoberfest performance performance-analysis responsive-images web-performance workflow-automation
Last synced: 28 Oct 2024
https://github.com/peter-neumann-dev/responsive-image-linter
A Chrome extension to test your responsive images
browser-extension chrome chrome-extension developer-tools frontend linter responsive-images tools
Last synced: 27 Oct 2024
https://github.com/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.
11ty css demo eleventy internalcss jit postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss
Last synced: 25 Sep 2024
https://github.com/singhofen/photo-gallery-img-template
photo gallery image template. Multiple options to display photos for a photographers website
card fluid-gallery hero horizontal-scrolling lightbox photo photo-gallery photo-gallery-example photo-gallery-theme photo-grid photography photography-portfolio photography-template photography-theme photography-website photos responsive-design responsive-images responsive-web-design template-photo
Last synced: 07 Nov 2024
https://github.com/sitegeist/Sitegeist.Kaleidoscope
Responsive Images for Neos CMS
hacktoberfest neos-fusion neoscms responsive responsive-images
Last synced: 03 Nov 2024
https://github.com/ndianabasi/adonis-responsive-attachment
Generate and persist optimised and responsive breakpoint images on the fly in your AdonisJS application.
adonis-lucid adonisjs adonisjs-framework image-manipulation image-processing images responsive-images sharp-library
Last synced: 17 Nov 2024
https://github.com/rodneylab/sveltekit-image-plugin
SvelteKit demo code for using vite-imagetools to add cached, responsive, Next-Gen images to a SvelteKit site with no cumulative layout shift.
next-gen responsive-images sharp svelte sveltekit vite-imagetools
Last synced: 11 Nov 2024
https://github.com/saneef/eleventy-plugin-img2picture
Eleventy plugin to replace <img> using <picture> with resized and optimized images.
11ty 11ty-plugin avif eleventy eleventy-plugin responsive-images webp
Last synced: 20 Dec 2024
https://github.com/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.
11ty css demo eleventy internalcss jit nunjucks postcss responsive-images ssg starter-template tailwind tailwind-jit tailwindcss
Last synced: 26 Sep 2024
https://github.com/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
angular component image-loader lazy-image-loading lazy-loading ngx ngx-image-loader ngx-image-loading ngx-lazy-loading ngx-library ngx-video-loader progressive-image-loader responsive responsive-images responsive-video retina-images video video-loader
Last synced: 10 Nov 2024
https://github.com/frameright/react-image-display-control
🚀 Next-gen responsive images in React
frameright image image-display-control image-manipulation image-publishing iptc-metadata metadata metadata-extraction metadata-parser react reactjs responsive-design responsive-images responsive-layout
Last synced: 15 Nov 2024
https://github.com/matfin/cinematt-nextjs
My personal photography website rebuilt using NextJS and TypeScript.
circleci cloudinary docker next-js nginx react-js responsive-images styled-components webpack-5
Last synced: 22 Dec 2024
https://github.com/Frameright/react-image-display-control
🚀 Next-gen responsive images in React
frameright image image-display-control image-manipulation image-publishing iptc-metadata metadata metadata-extraction metadata-parser react reactjs responsive-design responsive-images responsive-layout
Last synced: 08 Nov 2024
https://github.com/danielfdickinson/image-handling-mod-hugo-dfd
A Hugo module for handling images and image-related functionality for themes
hugo hugo-mod hugo-module images responsive-images
Last synced: 26 Sep 2024
https://github.com/twicpics/wordpress-plugin
TwicPics Wordpress Plugin
image-processing responsive-images twicpics wordpress wordpress-plugin
Last synced: 22 Nov 2024
https://github.com/molefrog/srcset-parse
🏙 Extra tiny `srcset` attribute parser ~150B
images micro-library responsive-images srcset zero-dependency
Last synced: 08 Nov 2024
https://github.com/frameright/image-display-control-web-component
🚀 Next-gen responsive <img>
frameright image image-display-control image-manipulation image-publishing iptc-metadata metadata metadata-extraction metadata-parser responsive-design responsive-images responsive-layout web-components
Last synced: 11 Oct 2024
https://github.com/florianeckerstorfer/remark-images
Plugin for Remark to make the images in your Markdown responsives.
Last synced: 12 Oct 2024
https://github.com/matthisk/respify
Respify responsive image library
javascript jquery responsive-images
Last synced: 11 Oct 2024
https://github.com/fanmixco/toastmasters-timer
The best Toastmasters Timer for your meetings, it's simple, fast, and accurate.
android css3 html5 ios javascript material-design material-design-lite momentjs offline-app public-speaking pwa pwa-apps responsive-images responsive-web-design stopwatch timer timer-application timer-clock toastmasters toastmasters-timer
Last synced: 08 Nov 2024
https://github.com/umanit/twig-image-extension
An extension to facilitate the integration of responsive images' markup in Twig templates.
lazy-loading responsive-images twig-extension twig-functions twig-templates
Last synced: 19 Nov 2024
https://github.com/marketempower/axiom-example
Example website project for the Axiom Hugo Theme
alpinejs chroma cloudinary hugo hugo-blog hugo-boilerplate hugo-site hugo-starter hugo-theme netlify npm-scripts opengraph responsive-design responsive-images structured-data syntax-highlighting tailwind tailwind-css tailwindcss vercel
Last synced: 09 Nov 2024
https://github.com/jaychase/ngx-picture
Properly sized images in next generation formats for Angular
angular cloudinary defer-loading imagekit lighthouse responsive-images webp
Last synced: 02 Nov 2024
https://github.com/rodneylab/sveltekit-simple-image-gallery
Simple Svelte responsive image gallery: create a ribbon gallery, using Svelte dimension bindings to maintain the aspect ratio of all images.
image-gallery lazyload-images next-gen responsive-images responsive-layout svelte sveltekit vite-imagetools
Last synced: 11 Nov 2024
https://github.com/dzucconi/proportional-scale
Proportionally scales width and height values
proportional responsive-images scale
Last synced: 31 Oct 2024
https://github.com/frameright/image-display-control-wordpress
An easy way to leverage Image Display Control metadata on your site
frameright image image-display-control image-manipulation image-publishing iptc-metadata metadata metadata-extraction metadata-parser responsive-design responsive-images responsive-layout wordpress wordpress-plugin
Last synced: 15 Nov 2024
https://github.com/stefee/renditions
Zero-dependency JavaScript packages for implementing W3C-standard responsive images.
javascript react responsive-images srcset srcset-sizes
Last synced: 27 Oct 2024
https://github.com/web-tiki/picture-builder
Joomla plugin to generate thumbnails and output a picture element for responsive images
image-processing joomla joomla-plugin php responsive-images
Last synced: 30 Oct 2024
https://github.com/al-the-x/cloudinary-sass
Responsive background-image rules with image-set(...) and -webkit-image-set(...), optionally using Cloudinary (https://cloudinary.com/) to produce downsized and art-directed images from your own source art.
cloudinary responsive-images sass sass-mixins
Last synced: 19 Dec 2024
https://github.com/viorelmocanu/layoutcomplex
Un proiect în care construim un layout complex în HTML și CSS. Proiect pornit de aici: https://www.youtube.com/playlist?list=PLfTqvIG4roBrP63BDGSXEKvf7iThHSKgM
css css3 html layout mobile-first pagespeed-insights pwa responsive responsive-images responsive-web-design ro romana romania romanian semantic-web valid
Last synced: 08 Nov 2024
https://github.com/nucliweb/responsive-images-squoosh
Generate responsive images and next-gen image formats with squoosh-cli
cli images optimization performance responsive-images webperf
Last synced: 16 Nov 2024
https://github.com/trigensoftware/flexis-srcset
Highly customizable tool for generating responsive images.
picture responsive-images srcset
Last synced: 21 Nov 2024
https://github.com/jkphl/responsive-images-css
HTML5-like responsive background images in CSS (sort of …)
background-image css picture responsive-images sizes source srcset
Last synced: 08 Dec 2024
https://github.com/desrosj/respect-art-direction
An attempt to solve the art direction problem with responsive images in WordPress core.
media responsive-design responsive-images wordpress
Last synced: 18 Dec 2024
https://github.com/irishdan/responsiveimagebundle
Responsive images for symfony3 projects
crop-image filesystem image-processing intervention-image media responsive-images symfony3 twig-templates
Last synced: 13 Oct 2024
https://github.com/frameright/image-display-control-demo-irregular-shapes
Demo of Image Display Control with Irregularly Shaped Image Containers
css demo frameright html image image-display-control iptc javascript metadata responsive-design responsive-images tutorial
Last synced: 15 Nov 2024
https://github.com/milosdjakonovic/srcadapt
Easy and lightweight responsive image tool
images lazy-loading responsive responsive-images
Last synced: 20 Nov 2024
https://github.com/bw9ubwo/artdirector
Crop your image to different resolutions without missing the subject. Python module and cli tool.
cropimage image-processing python responsive-design responsive-images
Last synced: 01 Dec 2024
https://github.com/dawaltconley/responsive-images
Static site image processing. Currently a wrapper around eleventy-img.
eleventy eleventy-plugin responsive-images
Last synced: 11 Nov 2024
https://github.com/richardcyrus/fm-stats-preview-card-component
Stats preview card component challenge
css css-grid frontend-mentor html mobile-first responsive-design responsive-images
Last synced: 21 Nov 2024
https://github.com/alexzhangs/alexzhangs.github.io
Alex's Personal Blog
blog elasticsearch github-pages jekyll jekyll-theme responsive-images
Last synced: 07 Nov 2024
https://github.com/kathleenwest/mws-restaurant-stage-1-kew
Udacity Mobile Web Specialist Restaurant Reviews App
javascript responsive-css responsive-images responsive-layout responsive-web-design service-worker udacity udacity-mobile-web-specialist udacity-nanodegree
Last synced: 23 Nov 2024
https://github.com/stamat/lazyloaded
Lazy loading images responsively with IntersectionObserver
esm esmodule intersection-observer javascript lazyload lazyload-images responsive-images
Last synced: 22 Nov 2024
https://github.com/jimthoburn/tobbi.co
My personal website
github-pages jekyll responsive-images
Last synced: 07 Dec 2024
https://github.com/eneax/bootstrap_image_gallery
📷 Responsive Image Gallery - Bootstrap
bootstrap3 font-awesome gallery-images html-css jumbotron responsive-design responsive-grid responsive-images responsive-layout responsive-web-design thumbnail udemy
Last synced: 05 Nov 2024
https://github.com/eneax/bootstrap_landing_page_slider
📸 Landing Page Slider - Bootstrap
bootstrap4 html-css landing-page landingpage responsive-design responsive-images responsive-layout responsive-web-design slider slider-animation slider-image slider-landing-page udemy
Last synced: 05 Nov 2024
https://github.com/eric-guo/jquery-rwdimagemaps-rails
Rails wrap of Responsive Image Maps jQuery Plugin
jquery-plugin rails responsive-images
Last synced: 06 Nov 2024
https://github.com/valkryst/automated_responsive_image_resizing
A ruby script which automatically generates multiple copies of a source image, each at a lower resolution, to be used as a responsive image on a webpage.
automation imagemagick responsive-images
Last synced: 06 Nov 2024
https://github.com/haminimi/homepage
The responsive homepage of a portfolio site designed to be responsive across three sizes: full desktop, tablet and mobile.
accessibility css responsive-design responsive-images responsive-layout responsive-web-design responsive-website the-odin-project theodinproject
Last synced: 14 Nov 2024
https://github.com/vinniciusjesus/flutter-responsive-helper
Repositorie to help with flutter responsiveness 🚀💙
design flutter responsive responsive-app responsive-design responsive-images
Last synced: 12 Nov 2024
https://github.com/jamaluddinrumi/submission
Submission: Katalog Restoran PWA + Testing and Optimized.
a11y bundle-splitting e2e-tests javascript pwa responsive-images webpack
Last synced: 10 Nov 2024
https://github.com/silvestrevivo/natours-css
Pure CSS project following the Udemy Tutorial from @jonasschmedtmann
css css3 html5 mediaqueries natours-css purecss responsive-design responsive-images tutorial udemy-tutorial
Last synced: 25 Nov 2024
https://github.com/uyouyou/expanding-cards
A simple expanding card feature where clicking on a card zooms it forward, highlighting its content, while the other cards remain in their original state.
html-css-javascript responsive-images responsive-web-design
Last synced: 12 Nov 2024
https://github.com/pavelsaik/load-youtube-videos
Lazy load adaptive YouTube videos with JavaScript
adaptive-layouts responsive responsive-images responsive-layout youtube-video
Last synced: 11 Nov 2024
https://github.com/leta91/hamburger-menu-in-product-landing-page
Mobile-friendly product landing page with hamburger menu (2nd version)
book books bookstore bookstoreonline css css3 htm5 html iframe iframe-embeds mobile-first productlandingpage responsive responsive-images responsive-layout responsive-web-design responsive-website youtube youtube-video
Last synced: 15 Nov 2024
https://github.com/anadelccc/tanjiro---responsive-bootstrap-web
A Responsive Web made with Bootstrap for a supposed animation company named "Tanjiro"
agile-methodologies bootstrap css3 design figma html5 kanban mobile responsive-design responsive-images responsive-website scrum-agile trello web
Last synced: 15 Nov 2024
https://github.com/frameright/image-display-control-demo-nextjs
Demo of the Image Display Control React Component with Next.js
demo frameright image image-display-control iptc javascript metadata nextjs responsive-design responsive-images tutorial typescript
Last synced: 15 Nov 2024
https://github.com/shramkoweb/mishka
Интернет-магазин игрушек ручной работы (responsive markup) 🐻
ally css html htmlacademy responsive responsive-images retina sass
Last synced: 07 Dec 2024
https://github.com/verlok/productlistingpagebestpractices
An optimal usage of LazyLoad both for regular and alternative images loaded at mouseover
lazyload performance responsive-images
Last synced: 24 Nov 2024
https://github.com/ironexdev/s3-image-manager
AWS S3 Image Manager
aws-s3 image-format image-optimization resize-image responsive-images
Last synced: 21 Nov 2024
https://github.com/giosensation/responsi
Making responsive and retina-ready images easy, lightweight and asynchronous.
perfmatters responsive responsive-images retina-ready
Last synced: 22 Nov 2024
https://github.com/leta91/tribute-page
Mobile-friendly Tribute Page built with HTML and CSS
css css3 freecodecamp freecodecamp-project front-end frontend html html5 mobile-development mobile-first mobile-friendly mockup readme responsive responsive-design responsive-images responsive-layout responsive-website tribute-page
Last synced: 02 Dec 2024
https://github.com/anadelccc/letter-three-wise-men---responsive-sass-bootstrap
This one is for a fictional company named "Christmas is you" wich creates letters as a christmas gift to the children.
bootstrap css3 design figma form html5 responsive-design responsive-grid responsive-images responsive-website sass-framework sass-functions sass-library sass-mixins trello web
Last synced: 19 Dec 2024
https://github.com/surendravidiyala/bootstrap
responsive-design
bootstrap-components bootstrap-framework bootstrap-modal bootstrap3 breadcrumb-navigation breadcrumbs font-awesome glyphicons icon-font navigation-bar navigation-controller responsive-design responsive-grid responsive-images responsive-layout responsive-navigation responsive-theme responsive-web-design
Last synced: 26 Nov 2024
https://github.com/jolares/imagex-pwa
A responsive images automation project featuring automated bulk processing of raw images within an input directory and producing an output directory of responsive images with different sizes and resolutions for each raw image.
Last synced: 28 Nov 2024
https://github.com/carlossalnav/temperature-converter
It is a totally responsive page, which has a dynamic temperature converter between celsius, fahrenheit and kelvin degrees, in addition to having documentation (in Spanish) about the temperatures.
bootstrap-4 bootstrap4 css css-animations css-framework html-css-javascript html5 javascript jquery js responsive responsive-design responsive-images responsive-web-design
Last synced: 18 Dec 2024
https://github.com/topherzee/responsive-image-magnolia
Responsive Image - Component template for Magnolia CMS
magnolia magnolia-component magnolia-light-module responsive-images
Last synced: 03 Dec 2024
https://github.com/SurendraVidiyala/Bootstrap
responsive-design
bootstrap-components bootstrap-framework bootstrap-modal bootstrap3 breadcrumb-navigation breadcrumbs font-awesome glyphicons icon-font navigation-bar navigation-controller responsive-design responsive-grid responsive-images responsive-layout responsive-navigation responsive-theme responsive-web-design
Last synced: 23 Oct 2024