# stack

Featured Components⚛ TSX Live preview

Stacked Toast Notifications

Success/error/info toasts that spring in from the bottom-right, stack up and auto-dismiss.

8.2k45.1k9.8kOpen

Components⚛ TSX Live preview

Fan-Out Card Stack

Three data cards stacked that fan open with rotation on hover; click one to spring it to the front.

6.9k36.3k7.4kOpen

Overlapping Avatar Stack

Gradient initial circles overlapping in a stack that spreads apart on hover and lifts per avatar.

5k35.2k8.3kOpen

Featured Components Live preview

3D Tilt Card Stack

A fanned deck of release-note cards in perspective 3D — hover to fan them apart; the whole stack leans toward your mouse.

41100Open

UI Elements Live preview

Notification Toast Stack

Four-toned toasts (success/info/warn/error) that spring in from the right with progress bars and auto-dismiss.

29600Open

Featured Animations Live preview

Sticky Stacking Cards Story

Full-height intro then four step cards that pin and stack over each other as you scroll, tinted per card.

33800Open

Featured Components Live preview

Tinder-style swipe card stack

Drag the top card to like/nope — it flies off with rotation, stamps fade in at the edges, stack reshuffles. Pointer events.

51300Open

Overlapping avatar stack

Initials avatars overlap with negative margin; hovering lifts and enlarges one above the rest, +N chip at the end.

31100Open

Featured Components Live preview

Toast notification stack

Spring-in glass toasts (success/info/warn) slide in from the bottom-right, auto-dismiss with slide-out, closable.

40900Open

Toast Notification Lab · Deep Indigo

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Deep Indigo palette.

82700Open

Toast Notification Lab · Aurora Teal

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Aurora Teal palette.

38500Open

Toast Notification Lab · Mono Pearl

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Mono Pearl palette.

84800Open

Toast Notification Lab · Ultra Violet

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Ultra Violet palette.

21600Open

Toast Notification Lab · Cyber Lime

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Cyber Lime palette.

63300Open

Toast Notification Lab · Sunset Amber

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Sunset Amber palette.

50800Open

Toast Notification Lab · Rose Gold

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Rose Gold palette.

15400Open

Toast Notification Lab · Ocean Sky

Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Ocean Sky palette.

85800Open

Notification Toast Stack

Stacking toast notifications with auto-dismiss, progress bar and swipe-close.

Avatar Stack

Overlapping avatar stack with +N overflow chip and hover spread effect.

UI Elements Live preview

Avatar Group

Overlapping avatar cluster with count chip and hover expand.

Components⚛ TSX Live preview

3D Stacked Album Cards

Album art cards fanning in 3D perspective with hover fan-out and track chips.

Avatar Stack with Online Dots

Overlapping avatar cluster with presence dots, count chip and hover fan-out.

Toast Notification Stack

Stacked toast notifications sliding in with icons, undo action and auto-dismiss.

Group Chip Overflow

Avatar group with +N overflow chip and hover reveal tooltip.

FAB Expand Stack

Floating action button expanding to reveal stacked secondary FABs with labels.