JSPM

Load and transform images using a toolbox of import directives!

<!-- badges -->

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

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

<!-- badges -->

Image Display Control React component

Get appropriately sized images into your website.

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 Web Component

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

Svelte action for responsive, lazily-loaded images with Imgix

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

Generates all needed image sizes for responsive design

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

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

An Eleventy plugin for generating responsive image srcsets for css frameworks

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

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

Load and transform images using a toolbox of import directives!

A powerful NestJS library for image processing with modern formats (WebP, AVIF), DPR support, and flexible storage drivers

A toolbox of import directives that can transform your image at compile-time. All of the image transformations are powered by [sharp](https://sharp.pixelplumbing.com).

A Node.js utility for generating responsive image thumbnails and metadata (size, ratio, blurhash) using Sharp and Blurhash.

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

A React component for lazy loading images with Intersection Observer

Html sizes generator with max DPR support

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

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

React cloudinary context provider

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

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

A responsive lazy-loading image component for React

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

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

Generate responsive image srcset and sizes attributes for CSS grid frameworks (Bootstrap, Bulma, Tailwind, Foundation)

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

Lazy loading images responsively with IntersectionObserver

Load and transform images using a toolbox of import directives!

<!-- badges -->

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.