Press "Enter" to skip to content

🚗 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

  •  Add image preloader
  •  Add auto spin
  •  Add hooks
  •  Solve basic bugs
  •  Add “mouse move” support
  •  Add “mouse scroll” support
  •  Add slider support
  • Add touchscreen support

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 NameTypeIs RequiredDefault ValueDescription
imagesstring[]required[]An array of images to be displayed
infiniteBooleanoptionaltrueInfinite loop
speedNumberoptional3Rotation speed
touchDragBooleanoptionaltrueHandle touch events
mouseWheelBooleanoptionaltrueHandle mouse wheel events
mouseDragBooleanoptionaltrueHandle mouse drag events
sliderBooleanoptionalfalseShow slider input
sliderClassStringoptional Custom slider CSS class

3D Product Spinner, vue-product-spinner Plugin/Github


See Demo And Download

Official Website(micheleriva): Click Here

This superior jQuery/javascript plugin is developed by micheleriva. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.