ascorbic/unpic-img

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

2075 stars · 64 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

unpic-img is a cross-framework responsive image component library for React, Vue, Svelte, Astro, Angular, SolidJS, and more. It generates correct srcset/sizes attributes and optimized CDN URLs for high-performance images with no runtime JavaScript.

Use cases

• render responsive images with correct srcset and sizes in React
• avoid layout shift when loading images in Vue
• serve WebP and AVIF from Cloudinary or Imgix without a build step
• lazy-load offscreen images with native loading in Svelte
• add blurred placeholder backgrounds to images in Astro
• use one image component API across ten frontend frameworks

When to choose

• your images are served by a supported image CDN or CMS and you want best-practice responsive images with minimal effort
• you work across multiple frameworks and want a consistent image component
• you want zero client-side JavaScript for image handling

When to avoid

• you self-host images without an image CDN, since URL generation depends on known providers
• you need heavy client-side image manipulation or canvas processing
• you need a full image optimization pipeline with server-side resizing

Facets

library · maturity active

ui-components image-processing frontend-framework web-development frontend image-processing performance browser cross-platform responsive-images image-cdn srcset lazy-loading multi-framework typescript web-performance nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="ascorbic/unpic-img")