Gatsby Image Gallery

screenshot of Gatsby Image Gallery
gatsby

Very basic gallery grid based on gatsby-image

Overview

The gatsby-image-gallery is a simple gallery grid built on top of gatsby-plugin-image and react-image-lightbox, with styling features provided by styled-components. It is designed to display a grid of images that can be clicked to view in full size within a lightbox.

Features

  • Gallery Component: Render images in a grid format that can be clicked to open in a lightbox.
  • Customizable Columns: Adjust the number of columns and spacing between images.
  • Image Styling: Inject custom image styles using the customWrapper prop.
  • Compatibility: Check compatibility table for the appropriate version based on your Gatsby setup.
  • Lightbox Options: Pass options to the lightbox component for further customization.
  • Close Callback: Provide a callback function to be executed when the lightbox is closed.
  • Development Process: Automated releases using semantic versioning based on commit log.
  • License: Distributed under the MIT license.
gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.