Get unlimited public & private packages + package-based permissions with npm Pro.Get started »


2.6.2 • Public • Published

Story Show Gallery - minimalist, vertical photo gallery, mobile friendly

Show a story with your photos in fullscreen lightbox without distracting elements. SSG is vertical and therefore great for use on smartphones. BTW: 63% of global website visits are from smartphones.

View demo gallery and documentation at
SSG is also in the form of a Wordpress plugin.

Main features

  • Story Show Gallery is fully responsive - works on a desktop, tablets and smartphones. SSG compares image size vs. screen size and place a caption to an optimal position: SSG is fully responsive image gallery

  • Fullscreen mode with an unobtrusive scrollbar and cursor. Even dark photos are well visible. On smartphones, full screen mode works like on YouTube, it activates after rotating a phone into landscape mode

  • Story Show Gallery supports Google analytics. When a user views an image it is counted as a virtual pageview.
    Google Analytics

  • There are 3 ways how a photo gallery can be created. Automatically from images on the page, by passing an array of images into SSG, or by combination of both.

  • You can control behaviour of SSG by CSS classes. Define separate galleries, activate full screen mode, selectively deactivate SSG, etc.

  • No e×it mode: You can write just a minimal HTML code and SSG creates a gallery which works like a separate webpage. Because there is not much to display without SSG, the gallery can run in the no exit mode. See a minimal crash course how to use SSG.

  • Story Show Gallery can display watermark - logo over images.
    watermark - logo

  • Jump scroll automatically scrolls from image to image. Images are being gradually lazy loaded as a user scrolls down.

  • Every image has its own address, so you can link into the gallery to show a particular photo.
    watermark - logo

  • Animated transition between images combines sliding and fading. The visual effect is similar to old slide projectors.

  • Protection of photos from being copied via right click menu.

  • Story Show Gallery can load a signpost to other galleries behind the last photo. See the sample.
    HTML signpost


You can use SSG freely within Mozilla Public License 2.0. There is one exception from license: Distributing Story Show Gallery within a Wordpress plugin or theme is only allowed for the author of Story Show Gallery.

Support Story Show Gallery

Any size donation is greatly appreciated. It will help me to continue developing Story Show Gallery.


npm i story-show-gallery





Unpacked Size

273 kB

Total Files



Last publish


  • avatar