Have you ever wanted to have a gallery to showcase your images (or any other elements such as portfolios, posts, products, etc) in an elegant and well-designed way?
Whether you’re a newbie in the world of Vue.js, or have been using it for some time but aren’t sure where to start when it comes to building image galleries, you’ve come to the right place. In this article, you’re going to discover seven different gallery plugins/components which you can use to build your own dynamic, beautiful, responsive, and mobile-friendly galleries with Vue. Enjoy.
Originally published Nov 11, 2019, updated Mar 01 2023
1. Image Viewer Component For Vue – v-viewer
An image viewer component for Vue 3 & 2, with support for rotation, scale, zoom and much more.
A responsive, customizable, cross-platform gallery, carousel and lightbox component for Vue.js. Supports both images and videos.
3. Image & Video Light Gallery For Vue.js
A feature-rich lightbox library to display images and videos in a gallery lightbox.
4. Simple Lightbox Gallery Component For Vue.js – Silentbox
A simple lightbox inspired gallery component for your vue.js applications.
5. Vuejs Image Gallery
A responsive and customizable image gallery.
6. Nuxt Gallery
A gallery library for vuejs with a modern design and automatic image optimisation.
7. Photo Galleries
A collection of pure CSS3 galleries. Made using VueJS and CSS.
When it comes to finding the latest and best Vue.js components for image galleries, there are many developer-friendly options already available on the npm registry. Furthermore, there are also a few community-driven additions to keep things interesting. Still, there may be certain “secret gems” that you have yet to encounter, which we can address here.
Looking for more gallery components for your applications? Don’t forget to check out our Vue.js Gallery section for more components.
- 10 Best Carousel/Swiper/Slider Components For Vue.js App
- 10 Best Modal/Popup/Dialog Components For Vue.js