Unpic is a set of tools for working with images on the web:
- Ten framework-specific image components for displaying high-performance, responsive images
- A library for manipulating image CDN URLs
- A library for generating placeholder images
- A Deno and Node module for extracting raw pixels from images
The core of the project is unpic-img, which involved creating a core library for
generating the optimal srcset, sizes and styles for an image, and then
building framework-specific components on top of that. I was one of the creators
of the Gatsby image plugin several years ago, and for a long time I’ve wanted to
build a framework-agnostic equivalent. It was an interesting exercise working
with so many frameworks. For some of them I already had a good amount of
experience, but for others I had to learn the basics. I also had to learn how to
publish packages for each of them.