# ascorbic/unpic-img

Multi-framework responsive image component

Repository: https://github.com/ascorbic/unpic-img
Canonical: https://ross.abutalabs.com/products/unpic-img
Homepage: https://unpic.pics
Language: TypeScript
License Family: other
Topics: images, react, vue, astro, preact, qwik, solidjs, svelte, webc, lit, angular
Last push: 2026-08-26T20:54:32+00:00

## Health v2 (maintenance only)
Score: 84/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 60, longevity 93
- inputs: {"age_days": 1304, "days_push": 7, "days_rel": 268, "gap_med": 18.0, "n_releases_24m": 11}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2075, forks 64 (observed 2026-08-28T04:06:10.781375+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: ui-components, image-processing, frontend-framework
- domain: web-development, frontend, image-processing, performance
- platform: browser, cross-platform
- tags: responsive-images, image-cdn, srcset, lazy-loading, multi-framework, typescript, web-performance, nodejs

## Member repositories
- ascorbic/unpic-img (main) score 84

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:10.781375+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:56:16.759873+00:00, confidence not recorded.
  - readme: https://github.com/ascorbic/unpic-img (fetched 2026-08-28T04:06:10.781375+00:00, sha e66e199b93bd)
  - homepage: https://unpic.pics (fetched 2026-08-29T10:36:46.811273+00:00, sha e833cb595c14)
  - site_page: https://unpic.pics/about (fetched 2026-08-29T10:36:46.820324+00:00, sha c50c4566f695)
- Data as of 2026-08-30T08:39:29.467469+00:00.