Skip to main content

Image Gallery with Lightbox for React

Here's a basic example of how to attach PhotoSwipe Lightbox to a simple image grid in React. (edit Stackblitz). The example creates a simple component from an array of image URLs and sizes.

The example uses dynamic import - PhotoSwipe JS starts loading only after the user clicks on a thumbnail. If you'd like to load PhotoSwipe initially - set pswpModule: PhotoSwipe as shown here.

If you want to provide images data directly to PhotoSwipe, refer to Data sources page.