Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

Vanilla JavaScript Fullscreen Lightbox

An overview.

Vanilla Javascript Fullscreen Lightbox

A simple and powerful lightbox without any dependencies!

A vanilla JavaScript plug-in without dependencies for displaying images, videos, or, through custom sources, anything you want in a clean overlying box.

Speed up your work by including a ready, editable lightbox.

Learn more about Vanilla JS FsLightbox.

<!-- Create links -->
<a data-fslightbox="gallery" href="https://i.imgur.com/fsyrScY.jpg">
An image
<a data-fslightbox="gallery"href="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4">
A video
<a data-fslightbox="gallery" href="https://www.youtube.com/watch?v=3nQNiWdeH2Q">
A YouTube video

<!-- Add the library (only one file) -->
<script src="fslightbox.js"></script>

If you want to see more advanced options, visit the documention.

Check out how basic version of Fullscreen Lightbox works.

YouTube Videos

Custom sources

I'm a completely custom source

As there is no way to protect js code on website Vanilla Javascript pro version demo is not available. However you can check how pro version looks here (React): link.
Basic version is available under MIT license. Pro version license is available here.


Size: 57.0K
More toolbar buttons
More animations available


VAT may be added.
Look over Fullscreen Lightbox open source plug-ins.