showcase · application · visual-experience
Depth Card Stack
DRAFTA z-depth card stack with swipe, keyboard, tilt, and an expand state.
DragSwipeKeyboardCSS motionPaper Depth
Layered deck
Brief
A one-line intent on warm paper.
Rooms stacked by sequence, not by org chart.
People as quiet chips, never as a table dump.
The edit that makes the stack feel physical.
390px · narrowlight themecomfortablefull motioncatalog shows a poster; this stage is the live implementation
Layered paper cards. Drag/swipe or buttons cycle the stack. Pointer tilt is optional. Expand lifts the active card.
- Use when
- drag card stack for a short sequence of ideas or looks
- A mobile-first deck needs depth without a 3D engine
- Avoid when
- Long lists that need virtualization
- Visual style
- Paper Depth
- States
- default, selected, focus-visible, drag/resize, narrow/mobile, reduced-motion
- Maturity
- DRAFT · v0.1.0 · builtin. Nothing is promoted automatically.
- Themes
- default, dark