www.lightgalleryjs.com Open in urlscan Pro
2606:50c0:8003::153  Public Scan

Form analysis
0 forms found in the DOM

Text Content

lightGallery
 * Docs
 * Demos
 * Angular
 * React
 * Vue
 * License
 * 


LIGHTGALLERY

A LIGHTWEIGHT, MODULAR, JAVASCRIPT IMAGE AND VIDEO LIGHTBOX GALLERY PLUGIN.
AVAILABLE FOR REACT.JS, VUE.JS, ANGULAR, AND TYPESCRIPT.

View on GitHub

Click on any thumbnail to open lightGallery


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.


SUPER CUSTOMIZABLE

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.

100 + OPTIONS

Comes with more than 120 options to customize gallery without touching core code

SCSS VARIABLES

Easily update the look and feel just by modifying the SCSS variables

PLUGINS

Missing something? Build your own awesome features with the help of powerful
plugin API

FLEXIBLE MARKUP

Use any kind of HTML markup without compromising the layout

Click on any thumbnail to open lightGallery


MIXED CONTENTS

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

camera

IMAGES

Supports any kind of images including responsive images and webP with fallback
jpg support

video

VIDEOS

In-built support for YouTube, Vimeo, Wistia and all types of HTML5 video
formats. Such as MP4, WebM, Ogg, etc.L

external-link

IFRAMES

Easily embed external websites, display PDF files, google maps and more




INLINE GALLERY

Create both inline and lightBox galleries with one library. Convert inline to
fullScreen by clicking on the maximize icon.

PHOTO BY DAN

Published on November 13, 2018

PHOTO BY KYLE PEYTON

Published on September 14, 2016

PHOTO BY GARRETT JACKSON

Published on May 8, 2020









1 / 12
 * Facebook
 * Twitter
 * Pinterest






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.



COMPONENTS

 * React
 * Vue.js
 * Angular
 * Lit

DOCS

 * Get started
 * Settings
 * Events
 * Methods
 * Blog

DEMOS

 * Thumbnails
 * Dynamic
 * Carousel
 * Video
 * Transitions

SOCIAL

 * GitHub
 * Twitter
 * CodePen
 * Stackblitz
 * Write a review

We also make

PARITYDEALS

Optimize pricing across contries to maximize revenue

TIMEMASTER.AI

Supercharge your Focus and Productivity

WEBWHIZ.AI

ChatGPT trained on your website data

1 / 10
 * Facebook
 * Twitter
 * Pinterest




1 / 23
 * Facebook
 * Twitter
 * Pinterest