Click on any thumbnail to open lightGallery
Click on any thumbnail to open lightGallery
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.
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.
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.
lightGallery comes with a numerous number of options, which allow you to customize the plugin without touching the core code. You can easily customize the look and feel of the gallery by updating SASS variables.
Comes with more than 120 options to customize gallery without touching core code
Easily update the look and feel just by modifying the SCSS variables
Missing something? Build your own awesome features with the help of powerful plugin API
Use any kind of HTML markup without compromising the layout
Click on any thumbnail to open lightGallery
You can mix all types of supported contents in a same gallery. lightGallery will automatically find the content type from source and create appropriate slides
Supports any kind of images including responsive images and webP with fallback jpg support
In-built support for YouTube, Vimeo, Wistia and all types of HTML5 video formats. Such as MP4, WebM, Ogg, etc.L
Easily embed external websites, display PDF files, google maps and more
Create both inline and lightBox galleries with one library. Convert inline to fullScreen by clicking on the maximize icon.
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.
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.
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
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.
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.
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
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.
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.
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.
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.
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.
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
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.
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 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.
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.
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.
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.
lightGallery is available for React, Vue.js, and Angular along with vanilla JavaScript and TypeScript.
