3D PRODUCT SPIN
by Rehmat (Animated Creativity) - MIT License

1. Add before </body>:  <script src="spin.js"></script>
2. HTML:
   <div data-product-spin data-shape="can" data-label="Your brand"
        data-color="#7c5cff" data-color2="#22d3ee" style="aspect-ratio:1/1"></div>

Options: data-shape="can|bottle|box"
         data-label="Text"            text on the label
         data-color / data-color2     label colours
         data-image="label.jpg"       your own label picture (2:1, logo in the middle)
         data-speed="0.5"             0 = only turns when dragged

From JavaScript:
   ProductSpin(element).then(function (p) { p.set('shape', 'bottle'); });

three.js is loaded from the jsDelivr CDN, so the demo needs an internet connection.
To host it yourself, change THREE_URL at the top of spin.js.

Open index.html to try shapes, colours and text.

More free kits and custom work: https://animatedcreativity.com/
