📸 vlightbox
A lightweight Vue.js lightbox component with download support
Vue 2.7 • TypeScript • Download Feature
Interactive Demo
Click any image to open the lightbox. Use arrow keys or buttons to navigate.
⬇ Download
Options
// Component options
<lightbox
:loop="true" // Wrap around when navigating
:nav="true" // Show navigation arrows
:caption="true" // Show image captions
:download="true" // Show download button
>
// Per-image options
images: [
{ src: 'photo.jpg', caption: 'My Photo' },
{ src: 'image.jpg', downloadable: false },
{ src: 'preview.jpg', downloadUrl: 'high-res.jpg' }
]
<lightbox
:loop="true" // Wrap around when navigating
:nav="true" // Show navigation arrows
:caption="true" // Show image captions
:download="true" // Show download button
>
// Per-image options
images: [
{ src: 'photo.jpg', caption: 'My Photo' },
{ src: 'image.jpg', downloadable: false },
{ src: 'preview.jpg', downloadUrl: 'high-res.jpg' }
]