Primitive React components, built on top of the Next.js Image API, which adds support for picture and background images.
npm install next-image-plusnext-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.
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.
To start using next-image-plus, install the package using your favorite package manager:
``shell`
npm install next-image-plus
To learn more about the Picture component, see the API Reference
To learn more about the BackgroundImage` component, see the API Reference