2.1k stars · MIT · @unpic/react 1.0.2 and siblings (2025-12-08, year confirmed via releasealert.dev)
One image component for Astro, React and eight other frameworks that already knows imgproxy's URL format.
▶Repo detailsthe review · specs · pros & cons · install
What it is
A small responsive-image component for Astro, React and eight other frameworks that generates the correct srcset, sizes and layout CSS for you. It knows the URL formats of around thirty image services, imgproxy included.
Why it matters
Edition 6 recommended imgproxy so images could be resized and converted to modern formats on demand — and then left you to hand-write the markup that actually asks it for the right size on the right screen. That is exactly the part that gets skipped, which is how every phone ends up downloading the desktop image and the whole exercise earns nothing. This is that missing half, which is why the two belong in the same sentence. It also reserves the right space before the image loads, so the page does not jump — one of the three numbers web-vitals (Ed. 8 #2) reports on. Stated plainly: it went 1.0 across all its framework packages in December 2025 and has been quiet since, which reads as finished rather than abandoned — but check before you build on it.
- Already speaks imgproxy's URL format, so there is no adapter to write.
- Prevents layout shift by default rather than as an option you must remember.
- The same component in Astro and in React, so the two surfaces behave alike.
- Nine months since the 1.0 releases — small and stable, but not actively moving.
- Only helps images served through a CDN or imgproxy; plain static files get little from it.
- It is another dependency for something a competent developer writes once by hand.
npm i @unpic/astro or @unpic/react , point it at the imgproxy URL you already have, and replace <img> tags.
npm i @unpic/astro
