lightGallery

A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.

View on GitHub

Trusted by the world's top brands.

Modern

lightGallery is built with most modern technologies available to achieve the best performance and quality. It supports all modern browsers including IE 10 and above.

Modular.

Built with modular architecture. Easily create your own modules, or detach modules that you don't want to use. lightGallery comes with many built in modules, such as thumbnails, zoom, etc.

Mobile and desktop optimized.

lightGallery is highly optimized for mobile and tablets to get native look and feel and achieve best performance. Supports separate settings for mobile devices to optimize further.

And much more...

Hands-iconCreated with Sketch. Touch Gestures

lightGallery supports multiple touch gestures to perform specific actions such as pinch to zoom in, zoom out, double tap to zoom, drag or swipe to navigate to different slides, vertical swipe or drag to close etc.

Virtual slides

lightGallery keeps only minimal number of slides in the DOM. So, overall performance is not hampered even if you have a very large number of slides. lightGallery loads only 3 slides at a time. Remaining slides are loaded as you navigate to it.

20+ Animations

lightGallery uses Hardware-Accelerated CSS3 transitions for faster animation performance. lightGallery comes with numerous number of beautiful in-built animations. If you want, you can easily create your own animations

Responsive images

lightGallery lets you to load different images for different viewports. Also supports the native html5 srcset attribute and picture tag for displaying high-resolution images. lightGallery supports any image formats like webp too.

Animated thumbnails

You also have the option to enable animated thumbnails from the settings. otherwise normal thumbnail will be used. You can also make thumbnails automatically load for your YouTube or Vimeo videos.

Social sharing

lightGallery share plugin allows you to share your images/videos to social media platforms such as Twitter or Facebook with unique url. You can easily add your own social share buttons into lightGallery

Browser History

lightGallery hash plugin lets you provide custom unique URLs for each gallery image. This link can be used to share media anywhere on the web. It allows you to navigate to different slides via browser back/forward buttons too.

Touch and Drag.

lightGallery supports touch and swipe navigation on touchscreen devices, as well as mouse drag for desktops. This allows users to navigate between slides by either swiping or dragging on the media.

Update Slides.

lightGallery supports, adding, editing, deleting slides even if the gallery is opened. You just need to modify the current gallery items and pass it via updateSlides method. lightGallery will automatically organize the slides for you.

External videos support

lightGallery video module allow you to create beautiful YouTube,Vimeo or Wistia video galleries. It has lots of features such as automatic play or pause videos on slide change, auto fetch thumbnails, posters and more.

Dynamic mode

lightGallery can be instantaneously launched by programmatically enabling the dynamic option and populating by passing array of objects representing the gallery elements. This is extremely useful if you have complex galleries.

Responsive.

lightGallery is highly optimized for mobile devices. You can use separate settings for mobile devices. lightGallery uses CSS-only approach for resizing images and videos to achieve maximum performance on mobile devices

HTML5 videos

lightGallery supports all types of HTML5 video formats formats, such as MP4, WebM, Ogg, etc. lightGallery has in-built support for custom video player videoJs. Other players can be integrated easily with the help of custom events.

Accessibility (A11y) support

lightGallery supports keyboard navigation to navigate different slides, and uses escape key to close the gallery, and uses recommended accessibility HTML markups to make lightGallery accessible for keyboard and screen reader users.

Rotate and flip images

Rotate left and right, flip vertical and horizontal just with one click. lightGallery also gives you hooks to save the updated rotate, flip values to save it on the server or do any other action you like to perform.

Comment interface

lightGallery supports FaceBook and Disqus comments out of the box. The comments plugin lets people comment on slides using their Facebook or Disqus accounts. You can easily add your own comment widget as well.

Pagers

If you prefer minimal layouts, you can opt pagers plugin instead of thumbnails. pagers create minimal graphics that represent each slide, and hovering over each pager item, shows the correspondent thumbnails.

Autoplay, fullscreen & more

LightGallery supports features like autoplay slides that play or pause based on users actions, and native HTML5 fullscreen that can be toggled by clicking on fullscreen icon on the toolbar, many other typical gallery features.

Available for

lightGallery is available for React, Vue.js, and Angular along with vanilla JavaScript and TypeScript.