3D Product Spinner For Vue.js

Description:

The product spinner that Vue.js was missing. A 3D product spinner for Vue.js with no dependencies (wip)

installation

npm

npm i vue-product-spinner

yarn

yarn add vue-product-spinner

UMD build

<script src="https://cdn.jsdelivr.net/npm/vue-product-spinner@latest/dist/VueProductSpinner.umd.min.js" type="text/javascript"></script>

Usage

VueProductSpinner will allow you to add any component in order to handle the image prefetch time.
You can use it as follows:

<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>

Preview:

Download Details:

Author: micheleriva

Live Demo: https://micheleriva.github.io/vue-product-spinner/

Download Link: https://github.com/micheleriva/vue-product-spinner/archive/master.zip

Official Website: https://github.com/micheleriva/vue-product-spinner

#vuejs #javascript #vue-js