JSPM

Load and transform images using a toolbox of import directives!

<!-- badges -->

Turn any field on your Lucid model to an attachment data type

A Hexo plugin for optimizing images using wsrv.nl's fast CDN, with support for WebP, responsive images, and per-post customization.

Smart, responsive React image component with BlurHash/LQIP placeholders and CDN-friendly srcset/sizes.

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

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

Modern CSS layout system with responsive grid patterns, container queries, configurable builds, and responsive image srcsets generation

Get appropriately sized images into your website.

Advanced image optimization with WebP conversion, compression, and responsive image generation

Given an appropriate-images configuration, get the URL of the optimized image appropriate for a situation

Image Display Control Web Component

Svelte action for responsive, lazily-loaded images with Imgix

An Eleventy paired shortcode which performs build-time image transformations with Sharp and generates <picture> tags for responsive image markup.

Image Display Control metadata parsing library

Image Display Control React component

A React component for lazy loading images with Intersection Observer

A lightweight TypeScript library for optimizing and lazy-loading images using imgproxy

React cloudinary context provider

Turn any field on your Lucid model to an attachment data type

A responsive lazy-loading image component for React

Load and transform images using a toolbox of import directives!

Effortlessly render fully responsive images with advanced lazy loading, ensuring optimized performance across devices. Enhance the user experience with customizable placeholders and visually appealing skeleton loaders, providing smooth transitions and imp

<!-- badges -->

A CLI tool to resize images by width, height, or ratio

A utility to generate optimal image sizes for the CSS sizes attribute

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

A command line tool to measure responsive image efficiency across viewport sizes and device pixel ratios.

This is a simple library that makes HTML Image Maps responsive, so that they automatically stay scaled to the size of the image they are attached to using a React hook and native html img and map elements.

Load and transform images using a toolbox of import directives!

<!-- badges -->

Lazy loading images responsively with IntersectionObserver

Html sizes generator with max DPR support

Generates all needed image sizes for responsive design

Official SDK for VisionFly Image API - Image optimization, transformation, and delivery

<!-- badges -->

Eleventy plugin to convert <img> tags in generated HTML to responsive image markup based on CSS selectors, using the eleventy-img utility.

An Eleventy plugin that adds a shortcode to enable you to add a responsive image from your Cloudinary account.