Touch-friendly Photo Slider/Gallery With Image Zoom – Product Carousel


The Product Carousel component enables you to create a responsive, mobile-friendly photo gallery & image carousel on the web app.


  • Image zoom & pan functionality.
  • Supports touch swipe events.
  • Thumbnail preview.
  • Hot image loading.

How to use it:

1. Install and import the ProductCarousel component.

import ProductCarousel from 'vue-product-carousel'

2. Use the ProductCarousel component in the template.

  <ProductCarousel :images="images">
    Sidebar content here

3. Activate the carousel and replace the images with your owns.

export default {
  components: {
  data() {
    images: [

Download Details:

Author: probil

Live Demo:

Download Link:

Official Website:

Install & Download:

$ npm install vue-product-carousel --save

You Might Be Interested In:

Add Comment