N
neokit

Stack

Overlaps child elements on top of each other like a physical stack of cards. Wraps a <div class="stack">.

Default

Each child is layered on top of the previous. The first child appears at the top.

Stack of colored boxes
1
2
3

Stack of cards

Classic "deck of cards" visual — often used in product mockups.

Card stack

Card 1

The top card in the stack.

Card 2

Hidden behind card 1.

Card 3

The bottom of the stack.

Stack of images

Works well with rounded images of the same size.

Photo stack
photo 1 photo 2 photo 3

Mixed sizes

Items don't need to be the same size — the stack container grows to the largest child.

Progressively larger cards

Top card

Middle

Bottom card