Best React lightbox component Examples

1.Lightbox React

Lightbox for components or images built for React.

A lightbox for React components or images. String passed as arguments are assumed to be the src for an image. Otherwise, it will check if the argument is able to be rended as a child React component of the lightbox.
Originally forked from fritz-c’s library.

Features

• Keyboard shortcuts (with rate limiting)
• Image Zoom
• Flexible rendering using src values assigned on the fly
• Image preloading for smoother viewing
• Mobile friendly, with pinch to zoom and swipe (Thanks, @webcarrot!)
• No external CSS

DEMO
GitHub: https://github.com/treyhuffine/lightbox-react

2.React lightbox component

An image lightbox component for ReactJS.

Features:

• Zoom control
• Rotate control
• Smooth animations
• Customizable thumbnails

DEMO: http://jfcaiceo.github.io/react-lightbox-component/

View on GitHub

3. React Popupbox

A simple lightbox component for react, inspired by colorbox and React-Lightbox.

See demo & usage.

View on GitHub

4.React intense

A React component for viewing large images up close .This component is a port of Intense Image Viewer for use with React.

Live Demo
View on GitHub

5.React Image Lightbox

A flexible lightbox component for displaying images in a React project. React lightbox component.

Features

• Keyboard shortcuts (with rate limiting)
• Image Zoom
• Flexible rendering using src values assigned on the fly
• Image preloading for smoother viewing
• Mobile friendly, with pinch to zoom and swipe (Thanks, @webcarrot!)
• No external CSS

Live Demo https://fritz-c.github.io/react-image-lightbox/

View on GitHub

6.React Images

A simple, responsive Lightbox component for ReactJS to display an array of images.

Photos courtesy of Unsplash. Use your keyboard to navigate left right esc — Also, try resizing your browser window.

Live Demo http://jossmac.github.io/react-images/

#reactjs #javascript