Fullscreen Lightbox Javascript Fullscreen Lightbox React Fullscreen Lightbox Vue

Vue Fullscreen Lightbox

Fullscreen Lightbox working within Vue.js environment - The Progressive JavaScript Framework.

Vue Fullscreen Lightbox

Easy and beautiful lightbox with just one component.

Fullscreen Lightbox adjusted to work within environment of Vue.js.
Looks great on every device, supports SSR, user friendly!

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

Learn more about Vue FsLightbox!

<template>
<div>
<button @click="toggler = !toggler">
Toggle Lightbox
</button>

<FsLightbox
:toggler="toggler"
:sources="[
'https://i.imgur.com/fsyrScY.jpg',
'https://www.youtube.com/watch?v=xshEZzpS4CQ',
'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'
]"
/>
</div>
</template>

<script>
import FsLightbox from "fslightbox-vue";

export default {
components: { FsLightbox },
data() {
return {
toggler: false
}
}
}
</script>

If you want to see more advanced options visit documention .

Check out how basic version of Vue Fullscreen Lightbox works.
Check out how pro version of Fullscreen Lightbox works!
Basic version is available under MIT license. Pro version license is available here.

Pro

Size: 71.7K
Thumbnails
Zooming
More toolbar buttons
Captions
More animations available

19.90$

Get connected wth us on social networks!