GitHub topics: responsive-images

Repositories

simonihmig/responsive-image

The multi-framework JavaScript library for responsive images.

Language: TypeScript - Size: 22.9 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 164 - Forks: 19

wKovacs64/react-native-responsive-image-view

React Native component for scaling an Image within the parent View

Language: TypeScript - Size: 16.7 MB - Last synced at: 3 days ago - Pushed at: 6 days ago - Stars: 391 - Forks: 11

rbuchberger/jekyll_picture_tag

Easy responsive images for Jekyll.

Language: Ruby - Size: 1.7 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 629 - Forks: 108

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.

Language: JavaScript - Size: 5.19 MB - Last synced at: 7 days ago - Pushed at: 6 months ago - Stars: 7,799 - Forks: 675

JonasKruckenberg/imagetools

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

Language: TypeScript - Size: 21.2 MB - Last synced at: 5 days ago - Pushed at: 9 days ago - Stars: 1,037 - Forks: 61

davidjbradshaw/image-map-resizer

Responsive HTML Image Maps

Language: JavaScript - Size: 197 KB - Last synced at: 5 days ago - Pushed at: almost 2 years ago - Stars: 820 - Forks: 223

nhoizey/images-responsiver

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

Language: JavaScript - Size: 11.9 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 79 - Forks: 6

davidlj95/chrislb

Lazaro's website. Fashion stylist

Language: TypeScript - Size: 4.86 MB - Last synced at: 16 days ago - Pushed at: 16 days ago - Stars: 3 - Forks: 0

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.

Language: JavaScript - Size: 2.77 MB - Last synced at: 13 days ago - Pushed at: about 1 year ago - Stars: 17,666 - Forks: 1,721

tanishasrivastava/web_portfolio

This project showcases a responsive web portfolio built using HTML, CSS, and a touch of JavaScript. It includes a visually appealing layout designed with flexibility in mind, ensuring seamless viewing across various devices. Features: Modern Design: Sleek and modern design crafted with CSS styles and Google Fonts.

Language: HTML - Size: 10.8 MB - Last synced at: 19 days ago - Pushed at: 19 days ago - Stars: 0 - Forks: 0

zerodevx/svelte-img

High-performance responsive/progressive images for SvelteKit

Language: Svelte - Size: 13.2 MB - Last synced at: 2 days ago - Pushed at: 7 months ago - Stars: 349 - Forks: 13

sitegeist/Sitegeist.Kaleidoscope

Responsive Images for Neos CMS

Language: PHP - Size: 582 KB - Last synced at: 20 days ago - Pushed at: 20 days ago - Stars: 29 - Forks: 13

cloudinary/cloudinary_npm

Cloudinary NPM for node.js integration

Language: JavaScript - Size: 39.1 MB - Last synced at: 1 day ago - Pushed at: 5 days ago - Stars: 644 - Forks: 318

Frameright/react-image-display-control

🚀 Next-gen responsive images in React

Language: TypeScript - Size: 1.37 MB - Last synced at: 12 days ago - Pushed at: about 1 month ago - Stars: 27 - Forks: 3

ObieMunoz/graph-image 📦

Advanced Lazy-Loading and Compression with Svelte/SvelteKit and Hygraph

Language: TypeScript - Size: 2.1 MB - Last synced at: 26 days ago - Pushed at: 26 days ago - Stars: 26 - Forks: 4

Frameright/image-display-control-wordpress

An easy way to leverage Image Display Control metadata on your site

Language: PHP - Size: 5.35 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 0

Frameright/image-display-control-web-component

🚀 Next-gen responsive <img>

Language: TypeScript - Size: 20.5 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 17 - Forks: 0

mindkomm/timmy

Advanced image handling for Timber.

Language: PHP - Size: 3.25 MB - Last synced at: 8 days ago - Pushed at: 10 months ago - Stars: 171 - Forks: 13

singhofen/photo-gallery-img-template

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

Language: HTML - Size: 10.8 MB - Last synced at: about 1 month ago - Pushed at: over 5 years ago - Stars: 63 - Forks: 38

mahnunchik/gulp-responsive

gulp-responsive generates images at different sizes

Language: JavaScript - Size: 273 KB - Last synced at: 25 days ago - Pushed at: almost 4 years ago - Stars: 500 - Forks: 60

nerdcel/kirby3-responsive-images

Kirby CMS Panel and template method to manage and generate responsive images

Language: PHP - Size: 5.45 MB - Last synced at: 21 days ago - Pushed at: 21 days ago - Stars: 7 - Forks: 2

wildlyinaccurate/jekyll-responsive-image

An unopinionated Jekyll plugin for generating and using responsive images

Language: Gherkin - Size: 196 KB - Last synced at: 6 days ago - Pushed at: about 2 years ago - Stars: 331 - Forks: 50

derekenos/derekenos.com-generator

Custom static site generator for https://derekenos.com

Language: Python - Size: 74.9 MB - Last synced at: 6 days ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 1

marketempower/axiom

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

Language: HTML - Size: 1010 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 74 - Forks: 22

irishdan/ResponsiveImageBundle

Responsive images for symfony3 projects

Language: PHP - Size: 1.13 MB - Last synced at: 3 days ago - Pushed at: about 6 years ago - Stars: 3 - Forks: 2

saneef/eleventy-plugin-img2picture

Eleventy plugin to replace <img> using <picture> with resized and optimized images.

Language: JavaScript - Size: 352 KB - Last synced at: about 1 hour ago - Pushed at: 2 months ago - Stars: 23 - Forks: 2

nicolashmln/strapi-plugin-responsive-image

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

Language: JavaScript - Size: 725 KB - Last synced at: 24 days ago - Pushed at: about 1 year ago - Stars: 163 - Forks: 32

TwicPics/components

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

Language: TypeScript - Size: 4.71 MB - Last synced at: 24 days ago - Pushed at: about 1 month ago - Stars: 55 - Forks: 3

FANMixco/toastmasters-timer

The best Toastmasters Timer for your meetings, it's simple, fast, and accurate.

Language: JavaScript - Size: 6.33 MB - Last synced at: about 2 months ago - Pushed at: 3 months ago - Stars: 11 - Forks: 2

ApelegHQ/esbuild-plugin-responsive-images

esbuild plugin for responsive images using Sharp

Language: TypeScript - Size: 4.55 MB - Last synced at: 3 days ago - Pushed at: 3 months ago - Stars: 8 - Forks: 0

marketempower/axiom-example

Example website project for the Axiom Hugo Theme

Language: HTML - Size: 370 KB - Last synced at: about 1 month ago - Pushed at: over 4 years ago - Stars: 10 - Forks: 8

mnjccl/-react--natours

Language: SCSS - Size: 21.2 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

overbrowsing/pruner

Responsive image Javascript utility.

Language: JavaScript - Size: 15.1 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 9 - Forks: 0

peter-neumann-dev/responsive-image-linter

A Chrome extension to test your responsive images

Language: TypeScript - Size: 1.01 MB - Last synced at: 3 months ago - Pushed at: 6 months ago - Stars: 41 - Forks: 3

stereobooster/guide-to-async-components

📖 Guide To JavaScript Async Components

Size: 14.6 KB - Last synced at: about 2 months ago - Pushed at: about 7 years ago - Stars: 79 - Forks: 2

umanit/twig-image-extension

An extension to facilitate the integration of responsive images' markup in Twig templates.

Language: PHP - Size: 175 KB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 9 - Forks: 4

andismith/grunt-responsive-images

Produce images at different sizes for responsive websites.

Language: JavaScript - Size: 29.1 MB - Last synced at: 26 days ago - Pushed at: over 6 years ago - Stars: 719 - Forks: 96

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.

Language: Vue - Size: 1.14 MB - Last synced at: 19 days ago - Pushed at: over 2 years ago - Stars: 59 - Forks: 7

AbdurRahman-Khalil/haven

🏡A clean, minimalistic and responsive landing page for a real estate agency(fictional).

Language: CSS - Size: 2.03 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

tasxatzial/picture-element-demo

Language: HTML - Size: 1.66 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

jimthoburn/tobbi.co

My personal website

Language: CSS - Size: 333 MB - Last synced at: 3 days ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

beekai-oss/react-simple-img

🌅 React lazy load images with IntersectionObserver API and Priority Hints

Language: JavaScript - Size: 29 MB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 992 - Forks: 40

ironexdev/s3-image-manager

AWS S3 Image Manager

Language: TypeScript - Size: 2.56 MB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

Pixboost/pixboost-react

React library for integration with Pixboost API

Language: JavaScript - Size: 14.7 MB - Last synced at: 25 days ago - Pushed at: almost 2 years ago - Stars: 7 - Forks: 1

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.

Language: JavaScript - Size: 4.51 MB - Last synced at: about 2 months ago - Pushed at: 5 months ago - Stars: 7 - Forks: 0

matfin/cinematt-nextjs

My personal photography website rebuilt using NextJS and TypeScript.

Language: TypeScript - Size: 1.87 MB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 18 - Forks: 1

gregives/Twelvety

An Eleventy starter project built to be fast

Language: JavaScript - Size: 2.27 MB - Last synced at: 29 days ago - Pushed at: over 1 year ago - Stars: 296 - Forks: 13

sitegeist/sms-responsive-images

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

Language: PHP - Size: 321 KB - Last synced at: 23 days ago - Pushed at: 5 months ago - Stars: 34 - Forks: 20

brendt/responsive-images

Generate responsive images to work with the srcset and sizes spec

Language: PHP - Size: 1.19 MB - Last synced at: 29 days ago - Pushed at: almost 5 years ago - Stars: 61 - Forks: 15

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.

Language: SCSS - Size: 26.4 KB - Last synced at: 6 days ago - Pushed at: over 4 years ago - Stars: 4 - Forks: 0

quru/qis

Dynamic image server for web and print

Language: Python - Size: 81 MB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 90 - Forks: 7

sitegeist/media-components

Responsive images and audio/video elements for Fluid Components

Language: PHP - Size: 160 KB - Last synced at: 3 days ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

jasheloper/html-splash-page

To test knowledge around embedding images and video in web pages, frames, and HTML responsive image techniques.

Language: HTML - Size: 1.81 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

oscarotero/imagecow

PHP library to manipulate and generate responsive images

Language: PHP - Size: 6.48 MB - Last synced at: 1 day ago - Pushed at: almost 4 years ago - Stars: 244 - Forks: 29

sanjayV/ng-image-fullscreen-viewer

An Angular responsive image fullscreen viewer. Also support youtube and mp4 video urls.

Language: SCSS - Size: 13.2 MB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 24 - Forks: 25

molefrog/srcset-parse

🏙 Extra tiny `srcset` attribute parser ~150B

Language: TypeScript - Size: 14.6 KB - Last synced at: about 2 months ago - Pushed at: about 1 year ago - Stars: 16 - Forks: 0

ndianabasi/adonis-responsive-attachment Fork of adonisjs/attachment-lite

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

Language: TypeScript - Size: 5.12 MB - Last synced at: 9 days ago - Pushed at: 7 months ago - Stars: 29 - Forks: 5

cleverage/daltons

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

Language: JavaScript - Size: 2.27 MB - Last synced at: 2 months ago - Pushed at: 9 months ago - Stars: 40 - Forks: 5

Roman-Shugol/goit-markup-hw-06

This repository contains the layout and styling for the "Web Studio" website, developed as part of the sixth homework assignment for the GoIT Frontend Development course. The project focuses on creating a responsive version of all page elements, ensuring a seamless user experience across various devices.

Language: HTML - Size: 2.48 MB - Last synced at: 4 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

florianeckerstorfer/remark-images

Plugin for Remark to make the images in your Markdown responsives.

Language: JavaScript - Size: 3.56 MB - Last synced at: 16 days ago - Pushed at: over 1 year ago - Stars: 15 - Forks: 3

justcoded/just-responsive-images

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

Language: PHP - Size: 478 KB - Last synced at: 2 months ago - Pushed at: almost 4 years ago - Stars: 48 - Forks: 8

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

Language: HTML - Size: 3.01 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 2

marlokessler/strapi-plugin-image-optimizer

Optimize your images for desktop, tablet and mobile and different image formats.

Language: TypeScript - Size: 179 KB - Last synced at: 4 days ago - Pushed at: 12 months ago - Stars: 14 - Forks: 13

leta91/hamburger-menu-in-product-landing-page

Mobile-friendly product landing page with hamburger menu (2nd version)

Language: HTML - Size: 11.7 KB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

toybreaker/binocle

Works Showcase Essential website for Binocle architecture firm

Language: HTML - Size: 302 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 5 - Forks: 1

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.

Language: HTML - Size: 540 KB - Last synced at: 4 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

GeKorm/aws-sih

AWS solution to dynamically edit images on the fly with SharpJS

Language: TypeScript - Size: 8.1 MB - Last synced at: 4 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 1

OliverO2/grav-plugin-responsive-images

Responsive images plugin for the Grav CMS

Language: PHP - Size: 93.8 KB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 7 - Forks: 2

verlok/responsive-images-automator

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

Language: JavaScript - Size: 2.97 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 39 - Forks: 2

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.

Language: Svelte - Size: 2.92 MB - Last synced at: about 2 months ago - Pushed at: almost 2 years ago - Stars: 29 - Forks: 5

Moonbase59/makethumbsf6

Make thumbnails, responsive images and HTML/Zurb Foundation 6 markup all in one go. (MIT license)

Language: Shell - Size: 38.4 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 1 - Forks: 1

aelvan/Imager-Craft

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

Language: PHP - Size: 3.64 MB - Last synced at: 1 day ago - Pushed at: over 5 years ago - Stars: 342 - Forks: 69

dawaltconley/responsive-images

Static site image processing. Currently a wrapper around eleventy-img.

Language: TypeScript - Size: 9.98 MB - Last synced at: 4 months ago - Pushed at: 12 months ago - Stars: 1 - Forks: 0

survi218/Bootstrap

responsive-design

Language: HTML - Size: 1.56 MB - Last synced at: 3 months ago - Pushed at: about 8 years ago - Stars: 1 - Forks: 0

stamat/lazyloaded

Lazy loading images responsively with IntersectionObserver

Language: JavaScript - Size: 127 KB - Last synced at: 20 days ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

tharunShiv/Udacity-Nanodegree-Projects-1

This is the project from Udacity Mobile Web Specialist 6 Month Nanodegree. The project begins from a basic News Home Page provided and as the lesson progresses, we have to implement the lesson into the project Then we move on to the Responsive Blog Project. A great way to learn stuff. =)

Language: JavaScript - Size: 72.7 MB - Last synced at: about 1 year ago - Pushed at: almost 7 years ago - Stars: 0 - Forks: 0

Haminimi/homepage

The responsive homepage of a portfolio site designed to be responsive across three sizes: full desktop, tablet and mobile.

Language: CSS - Size: 15.6 MB - Last synced at: 13 days ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

rayrfan/responsive-images

Understanding srcset and sizes attributes

Language: HTML - Size: 673 KB - Last synced at: about 1 year ago - Pushed at: about 6 years ago - Stars: 1 - Forks: 1

vivekdogra02/website1

Pure Sass website

Language: CSS - Size: 27.7 MB - Last synced at: about 1 year ago - Pushed at: over 7 years ago - Stars: 1 - Forks: 0

joppuyo/acf-image-aspect-ratio-crop

Image Aspect Ratio Crop field for Advanced Custom Fields

Language: PHP - Size: 46.4 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 107 - Forks: 15

Frameright/image-display-control-demo-nextjs

Demo of the Image Display Control React Component with Next.js

Language: TypeScript - Size: 12 MB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

sunil-samuel/jquery-responsive-background-slideshow

Responsive JQuery Background Slideshow :: Slideshow for the background using JQuery animation

Language: CSS - Size: 1.02 MB - Last synced at: about 1 year ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

Bimbalacom/responsive-images Fork of fuelviews/responsive-images

🖼️ Responsive image generator

Language: HTML - Size: 374 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

rubychi/udemy-travel-site

A hands-on project from Udemy: Git a Web Developer Job: Mastering The Modern Workflow

Language: JavaScript - Size: 7.46 MB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

the0neWhoKnocks/react.image-loader

A React component that preloads images via img or picture tags

Language: JavaScript - Size: 708 KB - Last synced at: 12 days ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

neptunelabs/fsi-touchzoom-samples

Example repository for responsive images with FSI TouchZoom, used in conjunction with FSI Server for pixel-perfect product display on zoomable mobile devices. Resharpen images exactly to the device resolution. ⭐️ Star to support our work!

Size: 3.5 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

neptunelabs/fsi-imagegrid-samples

Example repository for responsive images with FSI ImageGrid, used in conjunction with FSI Server for product grids, galleries, product selection or galleries. ⭐️ Star to support our work!

Size: 3.75 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

neptunelabs/fsi-viewer-360-samples

Example repository for responsive images with FSI Viewer 360°, used in conjunction with FSI Server for spinning product images, multi-axis images, image spins with hotspots or zoomable product spins. ⭐️ Star to support our work!

Size: 2.02 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

neptunelabs/fsi-showcase-samples

Example repository for responsive images with FSI Showcase, used in conjunction with FSI Server for product presentation with zoom, point-of-interest views, galleries or image recommendations. ⭐️ Star to support our work!

Size: 4.55 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0