unpic-img

• A cross-framework component for responsive, high-performance images using image CDNs
• Supports multiple frameworks including Svelte, React, Vue, SolidJS, Astro, Preact, Qwik, Angular, and Lit
• Generates optimized <img> tags with proper srcset and sizes attributes
• Key features:
  • Automatic responsive image generation
  • Native lazy loading and async decoding
  • Supports fixed, constrained, and full-width layouts
  • Delivers modern formats (WebP/AVIF) when supported
  • Works with existing image CDNs/CMS without additional config
  • Generates clean HTML without wrapper elements
• Uses [unpic lib](https://unpic.pics/lib fa-solid fa-up-right-from-square) to support major image CDNs like Cloudinary, Imgix, Shopify, and more
• Target audience: Developers who want performant, responsive images without complex setup
• Works by detecting the image CDN and using its URL API to generate optimized variants
• Generates single <img> tags with proper srcset, sizes, and CSS for responsive behavior
• Supports placeholder generation for blurred loading effects