Next Image Plus 1.0.0-beta.3 is Released
next-image-plus is a set of primitive React components, built on top of the Next.js Image API and React 19, which adds support for picture and background images.
<Picture> component allows for responsive images with art direction.
<BackgroundImage> component allows for responsive background images.
All components are unstyled and compatible with any React styling framework.
They are designed for optimizing your site's performance and improving your Core Web Vitals, with all the great features of the Next.js Image API, including:
- Visual stability to improve Cumulative Layout Shift (CLS).
- Preloading for prioritizing the Largest Contentful Paint (LCP).
- Image optimization; serve the correct sized image based on the device.
- Lazy loading: load images only when they are needed.
Check out the documentation website