react-light-images

another react image viewer

Main features

• Mouse drag support.
• Animated thumbnails.
• Full screen support.
• Supports zoom.
• Supports rotate.
• Responsive images.
• Auto play.

Get Started

install

npm i react-light-images

Usage

import { Lightbox } from 'react-light-images';

const dataSource = [
  {
    title: 'street',
    src: 'https://w.wallhaven.cc/full/2e/wallhaven-2eq3gg.jpg',
    thumb: 'https://th.wallhaven.cc/small/2e/2eq3gg.jpg',
    description: 'japan street',
  },
  {
    title: 'food',
    src: 'https://w.wallhaven.cc/full/47/wallhaven-47z7oy.jpg',
    thumb: 'https://th.wallhaven.cc/small/47/47z7oy.jpg',
    description: 'meat egg bread fork',
  },
];

const App = () => <Lightbox dataSource={dataSource} />;

Contributing!

All contributions are super welcome!