The lightbox component is fully responsive and supports touch and swipe navigation, as well as mouse drag for desktops. When swiping between slides the animation literally sticks at your fingertip or mouse cursor. Clicking fast on the previous and next navigation, will make animations even accelerate to keep up with your pace. All animations are hardware accelerated for a smoother performance


To apply this component, add the uk-lightbox attribute to a container to turn all anchors inside that container into lightbox links.

Open Lightbox


To display a caption at the bottom of the lightbox, set the data-caption attribute on an anchor.

Open Lightbox

Content sources .

A lightbox is not restricted to images. Other media, like videos, can be displayed as well. The video will pause whenever it's not visible and resume once it becomes visible again. To display a poster image for a video, set the data-poster attribute.

Image Video YouTube Vimeo Google Maps

Note Use within the YouTube link and the lightbox will use the domain to embed the YouTube video.


By default, the Lightbox gallery uses a slide animation. You can set the animation option to use a different one. Possible values are slide , fade and scale .


© 2019 Sasuke. All Rights Reserved.