Core
Carousel
effect: "carousel"
loop: true
The default carousel effect with infinite looping and responsive breakpoints.
Every visual effect in the Tarot Carousel system. Drag, swipe, or use keyboard navigation to explore each one.
effect: "carousel"
loop: true
The default carousel effect with infinite looping and responsive breakpoints.
effect: "fade"
loop: true
slidesPerView: 1
Combines opacity, blur, and scale for a soft blooming transition that feels more elevated than a simple crossfade.
8
effect: "ripple"
goToSelectedSlide: true
Slides expand and collapse as they move across the viewport, growing to fill the space in view and compressing at the edges to create a fluid ripple effect.
8
effect: "spotlight"
loop: true
progressBar.show: true
Center slides are highlighted and featured while edge slides push back with depth and scale, putting your photos in the spotlight.
8
effect: "fan"
loop: true
freeScroll: true
snap: "slide"
Slides arc along a circular path, fanning out in front of you with a playful rotating motion as you swipe.
effect: "stack"
loop: true
stackDirection: "right"
Slides are stacked on top of each other, with deeper slides peeking through the side.
effect: "butterfly"
loop: true
goToSelectedSlide: true
A coverflow-inspired 3D effect where slides tilt symmetrically on each side, angling inward like butterfly wings toward the featured center slide.
8
effect: "peacock"
loop: true
slidesPerView: 1
Slides fan out symmetrically from the bottom like a peacock's tail, layering with rotation and depth.
effect: "sliding-window"
loop: true
scrollbar.show: true
A window-like mask reveals slides as they pass through, with smooth clipping at the edges.
effect: "flip"
loop: true
slidesPerView: 1
Slides rotate in 3D along the Y-axis, flipping like pages in a book.
effect: "cube"
loop: true
slidesPerView: 1
Slides are mapped to the faces of a 3D cube that rotates on drag.