Loading…
No reviews yet — be the first to review this product.
A true 3D rotating carousel: cards arranged around a cylinder in real perspective. The ring spins on page scroll — or drag / wheel over the gallery — so cards swing forward with genuine depth. The front card is active and its name shows below.
A real 3D carousel, not a flat slider. Cards are placed around a cylinder using perspective, rotateY and translateZ with their faces pointing outward, and back faces hidden for a clean coverflow feel. The ring spins as the page scrolls, or you can drag and wheel directly over the gallery to rotate it. The card facing the camera becomes active and its name and subtitle animate in below. Pass your own items (photos + labels) or use the built-in people placeholders. Self-contained CSS, cleans up on unmount, React 19 + TypeScript strict, reduced-motion friendly.
Updated Jul 4, 2026
Cancel anytime