react-zmage vs alternatives

react-zmage is an alternative to general React lightbox and image zoom packages when a page needs origin-expand fullscreen preview from existing img elements, plus Wrapper mode for CMS, MDX, markdown, and rich text images.

When react-zmage fits

Use react-zmage when the host app already has real image markup and the viewer should attach with minimal layout changes. It is a good fit for documentation screenshots, editorial articles, CMS content, MDX docs, product galleries, and Next.js pages that need SSR/RSC-safe imports.

Comparison scope

Compared with react-medium-image-zoom, react-zmage covers more gallery and rich-text scenarios. Compared with Lightbox.js, it is React-first and can be used as a drop-in img replacement. Compared with PhotoSwipe, it is smaller in scope and focused on React component, Wrapper, and imperative usage modes rather than a broad standalone gallery engine.