An automatic re-sizing React image gallery component with hovering capabilities. Server side rendering is also possible. No need to enter images dimensions as Gulp re-sizes images for you. Can also work inside a react-split-pane component, or be contained in a div which changes size via events.

Live react-hover-grid examples, takes 150sec to start on free hosting.

Full webserver with examples on GitHub

react-hover-grid package on npm

Install

$ npm install react-hover-grid --save

Compile

$ gulp

Types

ReactHoverGrid Class

PictureTile Class

Sample Illustration

Attribution

• This project is a spruced up copy of https://github.com/benhowell/react-grid-gallery which can be seen in action here https://benhowell.github.io/react-grid-gallery/

Created by

Steen Hansen

License

MIT ©