Carousel3D

Inhalt

CoverFlow-Karussell mit echter 3D-Tiefe: Die aktive Karte steht frontal, Nachbarn rotieren räumlich nach hinten weg und dunkeln ab. Mit Spiegelung, Swipe, Pfeiltasten und Punkte-Navigation.

Live Demo

Unser Gastraum

Platz für 60 Gäste

Swipen, Pfeiltasten oder Seitenkarten anklicken

Props / API

Prop	Typ	Pflicht	Default	Beschreibung
`items`	`Carousel3DItem[]`	Ja	—	Karten {image, title?, subtitle?}
`cardWidth`	`number`	Nein	`260`	Kartenbreite in Pixeln
`cardHeight`	`number`	Nein	`340`	Kartenhöhe in Pixeln
`spacing`	`number`	Nein	`150`	Abstand der Seitenkarten
`angle`	`number`	Nein	`42`	Rotationswinkel der Seitenkarten
`reflection`	`boolean`	Nein	`true`	Spiegelung unter den Karten
`accentColor`	`string`	Nein	`'#f59e0b'`	Akzentfarbe
`className`	`string`	Nein	—	Zusätzliche CSS-Klasse

Code-Beispiel

<Carousel3D
  items={[
    { image: '/images/galerie-1.jpg', title: 'Steinofen-Pizza', subtitle: 'Frisch & knusprig' },
    { image: '/images/galerie-2.jpg', title: 'Hausgemachte Pasta' },
    { image: '/images/galerie-3.jpg', title: 'Unser Gastraum' },
  ]}
/>