Friendly, customizable and accessible-ready simple photo gallery based on React.

Install

You can install react-bnb-gallery from npm.

# If you are using npm
npm install --save react-bnb-gallery

# If you prefer yarn
yarn add react-bnb-gallery

Live Demo

https://peterpalau.github.io/react-bnb-gallery/

Documentation

For full documentation, visit the demo website.

License

This package have been released under the MIT Licence.

Updates

If you are interested in view the main updates visit our CHANGELOG.md.

Contributing

If you're interested in contributing please read the contributing docs before submitting a pull request.

Change Log

1.4.3

• [enhancement] Updates dependencies

1.3.1

• [enhancement] Creates actions and updates workflow

1.2.6

• [enhancement] Updates dependencies
• [enhancement] Integrates with GitHub Packages

1.2.5

• [fix] Wrong thumbnails visualization

1.2.4

• [enhancement] Updates dependencies
• [enhancement] Updates development dependencies

1.2.3

• [fix] Thumbnails list hide/show styles
• [enhancement] More improvements to the gallery styles

1.2.2

• [fix] Lot of wrong styles
• [enhancement] Updates images visualization

1.2.1

• [fix] Wrong loading spinner style

1.2.0

• [fix] Updates multiple dependencies
• [enhancement] Accept path-only images

1.1.9

• [fix] Correctly bind the zIndex property

1.1.8

• [fix] Update typings of the package details
• [enhancement] Folder organization
• [enhancement] Update the visual of the component

1.1.7

• [enhancement] Updates multiple dependencies.
• [enhancement] Replace npm with yarn.
• [enhancement] Gallery is exported now as an individual component
• [fix] All the images are loaded at the same time

1.1.6

• [enhancement] Using the latest version of some dependencies.
• [enhancement] react-scripts version updated for the example showcase.
• [fixed] Some vulnerabilities issues

1.1.5

• [fix] Does not work with TypeScript (#2)
• [fix] Warning Using "external-helpers" plugin with rollup is deprecated.

1.1.4

• [new] Added opacity property to set the opacity level.
• [new] Added backgroundColor property to set the background color.
• [new] Added zIndex property to stack order relative to other components.

1.0.4

• [new] Testing.
• [fix] Code style.

1.0.3

• [new] Allow to disable keyboard navigation by the keyboard prop.
• [fix] Better prop types validation.

1.0.2

• [new] Allow an array of urls instead of objects.
• [fix] Fix incorrect dynamic position offset of active thumbnails.

1.0.1

• [new] Keyboard support, for Left and Right arrows and Esc key.