Design

Card CarouselScattered Stack

You might say

Like those animated card showcases: a few photos stacked at a tilt, floating when the cursor touches them, with sliders to retune everything.

A card carousel is a motion showcase built on scattered stacking plus pointer response: the lead card sits centered on top, side cards rest at angles with rotation and scale, the pointer drives parallax and float, and a side-card click or lead-card drag swaps the order.It treats the demo itself as the content: parameters such as Float, Sink and Settle are exposed as sliders, so readers tune the feel on the spot — far more expressive than a static screenshot.
Also calledScattered Cards
Design Principles
  • The lead card always sits centered on top: depth reads through z-order and scale; side cards sink so attention lands on the current item
  • Motion follows the pointer: parallax and float should stay small and continuous — big jitters look cheap
  • Parameters are copy: exposing internals like Float / Sink / Settle as sliders makes tunability itself the showcase
  • Two ways to swap cards: clicking a side card swaps precisely, dragging the lead card flips casually — both intents are served
Further reading