Beautiful, Flexible, Touch-enabled Carousel 3D Library For Vue.js

Vue Carousel 3d is beautiful, flexible, and easy to touch with CSS transition, you will get a smooth and smooth transition of slides in the 3D effect of Vue.js.


  • With CSS Transition, you will get a smooth and smooth slide transition in a 3D effect
  • Presentations use Vue’s built-in slot system, allowing you to display any type of content in slides (including other Vue components!)
  • Touch and drag are supported on both desktop and mobile devices.

Must Read: 3D Interactive Carousel With jQuery and GSAP | 3DCarousel

How to make use of it:


npm install -S vue-carousel-3d

1. You can install Vue Carousel 3d globally:

import Vue from 'vue';
import Carousel3d from 'vue-carousel-3d';


2. Include Carousel 3d in your component using import:

import { Carousel3d, Slide } from 'vue-carousel-3d';

export default {
  components: {

3. Once the Carousel3d and Slide components are generally installed or imported, they can be used in templates like the below:

    <slide :index="0">
      Slide 1 Content
    <slide :index="1">
      Slide 2 Content

See Demo And Download

Official Website(Wlada): Click Here

This superior jQuery/javascript plugin is developed by Wlada. For extra Advanced Usage, please go to the official website.

Related Posts


A Simple Searchable Select Dropdown Plugin | jQuery Select Search

Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with…


A Quick jQuery-Based Country Picker With Flags | Country Select JS

Country Select JS is a jQuery plugin to select a country, based on the international phone input plugin. Adds a flag dropdown to any input, which lists…


Simple and Fast Autocomplete and Typeahead Javascript Library | autoComplete.js

autoComplete.js is a simple, pure, and incrementally designed JavaScript library for speed, high versatility, and seamless integration with a wide variety of projects and systems. Features Pure…


Bootstrap Notification Message Alert Plugin with jQuery

BootstrapMsg is a jQuery plugin for displaying messages with Bootstrap alert classes to generate hierarchical in-page navigation for an extended webpage sectioned by heading components. Using Bootstrap…


jQuery Plugin for Transforming HTML Tables Into Charts Using Google Charts

Chartinator is a jQuery plugin for converting HTML tables, Google Sheets and js arrays into charts using Google Charts. Use data from HTML tables Chartinator is designed…


Customizable & Composable Charts for VueJS | vue-wcharts

WCharts is a library that makes it easy to create your own charts using Vuejs. You can easily create reusable chart components. Use a basic layout or…