If you've built more than one React app, you've probably written the same image-loading boilerplate more than once.
A skeleton here. A lazy-loading IntersectionObserver there. A fallback image when the CDN hiccups. A blur placeholder to avoid layout shift. Retry logic for flaky hosts.
Every new React project ends up with the same image-loading code—copied from the last project, tweaked a little, and rarely perfect.
Sound familiar?
@concatstring/react-smart-image brings all of those features together in a single component. Simply swap <img> with <SmartImage> and opt into features like lazy loading, WebP detection, blur placeholders, skeleton loaders, retries, responsive images, and performance metrics—all without changing your existing code.
