Carousel

Version: 1.0.0
Created: 09/12/2023
Updated: 09/08/2025
Carousel is a flexible Vue component for showcasing content with smooth horizontal or vertical rotation. Designed for both simplicity and style, it lets you present images, cards, or custom elements in an engaging, interactive way that adapts to any layout.

Installation guide for external usage

Note: Components is also available in Vue Play Studio via drag-and-drop.

Install using npm

npm install https://manager.vueplay.io/carousel@1.0.0

Install using npm from Vue Play registry

Token required for private and paid components

# .npmrc
@vueplayio:registry=https://manager.vueplay.io/
//manager.vueplay.io/:_authToken=token

then

npm install @vueplayio/carousel

Clone using git

(Login to see access token)

git -c http.extraHeader="authorization-x: Bearer token" clone https://git.vueplay.io/git/650071d6ffa513b7ced3f03c

Embed using CDN

<!doctype html>
<html>
 <head>
   <script type="importmap">
     {
       "imports": {
         "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.prod.js"
       }
     }
   </script>
   <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
   <script type="module">
     import { createApp } from 'vue'
     import App from 'https://manager.vueplay.io/carousel@1.0.0/esm'
     createApp(App).mount('#app')
   </script>
 </head>
 <body>
   <div id="app"></div>
 </body>
</html>

Share on social media