A collection of image related React components published as a single npm package. It started because I wanted a photo viewer that felt right on touch devices without pulling in a heavy dependency tree, and it now powers the images on this website.

Features

• PhotoViewer: modal viewer with zoom, rotation, navigation, blurred backgrounds and SVG overlays
• MediaGrid: virtualized, month grouped grid with search, jump to month and infinite loading
• Gallery: grid based gallery that hands off to PhotoViewer
• ImageCarousel: swipeable carousel with lazy loading and gesture support
• Image: standalone image with loading state and fade in transition
• Keyboard shortcuts and accessibility support throughout
• No virtualization dependency, React only

Install

yarn add zimme-zoom

Links

Source on GitHub, package on npm, live demo at zimme-zoom.vercel.app.