🚗 3D Product Spinner for Vue.js

vue-product-spinner is a 3D product spinner with no dependencies designed for Vue.js.

javascript 360 product viewer, 360 degree panoramic view plugin, 3d product viewer github, free 360 product viewer, spin javascript

Roadmap

A 3D Product Viewer Made With Three.js and Angular

How to make use of it:

Installation

npm
npm i vue-product-spinner

yarn
yarn add vue-product-spinner

Usage

<template>
  <VueProductSpinner 
    :imgs="imgs" 
    :slider="true"
  >
    <PreloadSpinnerComponent />
  </VueProductSpinner>
</template>

<script>
  import VueProductSpinner from 'vue-product-spinner'
  import PreloadSpinnerComponent from 'some-library'

  export default {
    components: {
      VueProductSpinner
    },
    data() {
      return {
        images: [
          'img1.jpg',
          'img2.jpg',
          'img3.jpg'
        ]
      }
    }
  }
</script>

Props

Prop Name	Type	Is Required	Default Value	Description
images	`string[]`	`required`	`[]`	An array of images to be displayed
infinite	`Boolean`	optional	`true`	Infinite loop
speed	`Number`	optional	`3`	Rotation speed
touchDrag	`Boolean`	optional	`true`	Handle touch events
mouseWheel	`Boolean`	optional	`true`	Handle mouse wheel events
mouseDrag	`Boolean`	optional	`true`	Handle mouse drag events
slider	`Boolean`	optional	`false`	Show slider input
sliderClass	`String`	optional		Custom slider CSS class