# Carousels

> Sliders, coverflows and swipeable galleries.

- [Depth Carousel](https://www.assembli.design/components/depth-carousel.md): Photos stacked down a corridor of depth, like a Time Machine for a night out. Scroll, drag or use the arrow keys and the stack flies toward you: the front photo rushes past the camera and blurs away while the next rises from the haze. Each photo tints the sky with its own glow, and a side timeline scrubs the night.
- [Split Slider](https://www.assembli.design/components/split-slider.md): Full-bleed slider that tears each photo down the middle. The left half slides one way and the right half the other while the next photo's halves cross in to meet at the seam. The giant title sits across the seam, so it splits and rejoins with the picture. A seam badge counts down to the next slide. Swipe, keys or tabs.
- [Drift Carousel](https://www.assembli.design/components/drift-carousel.md): An endless, draggable photo strip. Throw it and it coasts on inertia before settling on a card edge. Speed shears and squeezes the cards, each photo slides inside its frame against the motion, the strip curves away at the edges and a Drag bubble stretches with velocity. It glides on its own until touched.
- [Arc Carousel](https://www.assembli.design/components/arc-carousel.md): Photos ride the rim of a giant wheel whose hub sits below the frame, like plates on a specimen dial. Drag with inertia, scroll or use the arrow keys to turn it. The centre plate lifts out of the arc, a ring of ticks turns underneath, and the title swaps with a blur-and-tracking morph over a wash of the active photo's colours.
- [Liquid Slider](https://www.assembli.design/components/liquid-slider.md): WebGL photo slider that floods each new image out from wherever you click as a ring wave, with radial displacement and chromatic fringing at the wavefront. A water lens follows the cursor, caustics drift across the frame and a glowing depth gauge sinks with every slide. Falls back to crossfades without WebGL.
- [Shutter Slider](https://www.assembli.design/components/shutter-slider.md): Full-bleed photo slider where each new image opens through venetian-blind slats. Every slat is its own clipped copy, so they slide against each other and land perfectly aligned. Giant titles roll in letter by letter, a cursor bubble reads the halves as prev/next, and the tabs fill as timers.
- [Ring Carousel](https://www.assembli.design/components/ring-carousel.md): A rotunda of photos on a 3D cylinder. Drag it with inertia and it snaps to the nearest panel, a glare sweeps across each print as it turns, side panels sink into shadow and the front one reflects on the floor. It drifts while idle and tilts toward the cursor.
- [Coverflow Carousel](https://www.assembli.design/components/coverflow-carousel.md): Apple-style coverflow: the active card faces you while its neighbours fold away in 3D on springs. Click a side card, drag, swipe or use arrow keys to move.
- [Peek Carousel](https://www.assembli.design/components/peek-carousel.md): Native scroll-snap carousel where the centred slide scales up and its neighbours peek in dimmed. Arrow buttons, keyboard support and a stretchy progress pill.
- [Story Gallery](https://www.assembli.design/components/story-gallery.md): Full-bleed stage with a thumbnail strip: the active thumbnail widens and fills like a story timer, auto-advancing until you hover or pick one. Pauses for reduced motion.

Back to [all components](https://www.assembli.design/components.md).