Vue Carousel 3DDepth without the dead weight.

A compact, touch-friendly 3D carousel for Vue 3 — with accessible controls and a tested SSR path.

Install

Explore examples

◇

Real 3D composition

Perspective, spacing, inverse scaling and directional bias without a heavyweight runtime.

↔

Input aware

Pointer, touch, controls and keyboard navigation share the same predictable state model.

⌁

Maintenance ready

ESM, CommonJS and UMD outputs, TypeScript declarations, SSR coverage and reproducible pnpm builds.

CURRENT TRACK · Vue 3.5+ · package v2

See it move

The live demo below is built from the same source as the package. Use the controls, arrow keys, swipe, or click a side card.

Small surface, deliberate behavior

Need Vue 2? The maintained package 1.x has its own archived documentation track.

vue

<template>
  <carousel-3d controls-visible aria-label="Featured projects">
    <slide v-for="(project, index) in projects" :key="project.id" :index="index">
      {{ project.title }}
    </slide>
  </carousel-3d>
</template>

<script>
import { Carousel3d, Slide } from 'vue-carousel-3d'

export default {
  components: { Carousel3d, Slide }
}
</script>