react-zmage use cases
react-zmage fits blog image preview, CMS rich text images, MDX docs, news galleries, React lightbox alternatives, and Next.js image viewers.
FAQ
What is react-zmage?
react-zmage is a React image viewer that turns ordinary <img> elements into a fullscreen, origin-expand image preview with gallery browsing, keyboard navigation, mobile gestures, Wrapper mode, and SSR/RSC support.
When should I use react-zmage instead of a React lightbox?
Use react-zmage when you want existing images to open fullscreen without rebuilding the page around a gallery component. It works well for blogs, CMS rich text, MDX docs, news articles, and image-heavy content pages.
Can react-zmage handle CMS, markdown, or rich text images?
Yes. Zmage.Wrapper can bind descendant <img> nodes inside CMS, markdown, MDX, or dangerouslySetInnerHTML content, while preserving the page markup and layout.
Does react-zmage support Next.js, SSR, or RSC?
Yes. Use the react-zmage/ssr subpath for SSR or RSC-safe imports, and call interactive viewer APIs from client-side event handlers or client components.