{"repo":"ascorbic/unpic-img","free":true,"listed":false,"github":"https://github.com/ascorbic/unpic-img","clone":"git clone https://github.com/ascorbic/unpic-img.git","description":"Multi-framework responsive image component","language":"TypeScript","stars":2070,"topics":["images","react","vue","astro","preact","qwik","solidjs","svelte","webc","lit"],"license":null,"category":"docs-static-sites","readme_excerpt":"🌳 unpic-img A cross-framework component for responsive, high-performance images using image CDNs React • Vue • SolidJS • Svelte • Astro Preact • Qwik • WebC • Angular • Lit Features - Just an tag! No extra elements, no runtime JavaScript. Easy to style. No legacy hacks or workarounds. - Automatically generates correct srcset and sizes attributes for responsive images. - Handles responsive resizing of images, preserving aspect ratio and avoiding layout shift. - Uses native lazy loading and async decoding for offscreen images. - Handles different image layouts: fixed, constrained and full width. - Uses eager loading and high priority fetching for important images. - Delivers modern image formats, including WebP and AVIF if supported by the browser. - No build step or server-side rendering required for the images: uses your existing image CDN or CMS, with no additional configuration. - Uses unpic lib to support most image CDNs, including Cloudinary, Imgix, and Shopify. - Can generate a low-res background image for a blurred placeholder effect, or use with @unpic/placeholder for more options. Usage For details of usage, see the documentation. FAQ Why do I need this? While it's easy to use an tag for images, if you want to follow best practices and deliver the most performant image to your users then it can take a lot of work. Some frontend frameworks will automate this for you, but they often rely on slow pre-rendering of images, or on running image optimizers on your own site. ","default_branch":null,"files":null,"tree":[],"storefront":"/r/ascorbic","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ascorbic/unpic-img/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}