Best Vue.js Gallery Components To Showcasing Images

Best Vue.js Gallery Components To Showcasing Images
This is the best Vue.js components to help developers create responsive, mobile-friendly galleries on modern applications. I hope you like it.

Vue Gallery

πŸ“· Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.

"Vue Gallery"

View on GitHub

Vue Picture Swipe

πŸ–Ό Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe
This component is a simple wrapper for the awesome Photoswipe. It’s a Vue plugin that displays a gallery of image with swipe function (and more). Includes lazy (smart) loading (mobile friendly) and thumbnails.

"Vue Picture Swipe"

View on GitHub

Vue Gallery Slideshow

πŸ–Ό Lightweight and responsive image gallery for Vue.js

"Vue Gallery Slideshow"

View on GitHub

Vuejs Photo Gallery

A Vue.js Photo Gallery Powered by Cosmic JS

"Vuejs Photo Gallery"

View on GitHub


Lingallery is a simple image gallery component for Vue.js. It displays a large image with thumbnails below as you can see in the demo. You can define several settings to adapt the gallery to your needs.

Since Lingallery is at an early development state be carefull when using it in a production project.


Check out the live demo here:

View on GitHub

Vue Light Gallery

VueJS lightweight image gallery for both mobile and desktop browsers.

  • Standalone: Zero-dependencies.
  • Fully responsive.
  • Keyboard and Touch support.
  • Multiple galleries on one page.
  • Lazy & smart image preloading.
  • Color customization.

"Vue Light Gallery"

View on GitHub

Vue Masonry Gallery

Masonry gallery layout component for Vue.js

The masonry gallery component based on Vue.js that contains beautiful Waterfall Flow layout and fancy thumbnails hovering effect. Component letting you choos opening media at internal/external tabs or display media in modal popup.

Compared to other implementations, there is no need to specify the width and height of the image in the returned data. A very convenient option for controlled sequential loading of items or displaying random items.
Responsive layout, flexible adapted for mobile devices.
Very easy to implement to any projest, intentionaly dedicated to Vue.js environment.

"Vue Masonry Gallery"

View on GitHub


☞ Learn Vue.js from scratch 2018

☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework

☞ Learn Vue.js from Scratch - Full Course for Beginners

☞ Best Vue.js Rich-Text Editor Ever tiptap

☞ Vue.js Tutorial: Zero to Sixty

☞ Build a Quiz App Using Vue JS | Vue JS Quiz App Demo | Vue JS Project Tutorial | Simplilearn