Tailwind UI Pattern Registry for humans and agents

cards fan stack hover presentation deck preview stacks template galleries presentation thumbnail groups stacked cards feel too static need a richer hover state for grouped previews want depth without complex JS

Card Fan Stack

Fetch snippet JSON: curl https://webspire.de/snippets/interactions/card-fan-stack.json
Format
Preview
Stage Background
Customize

Quick Start

<div class="card-fan-stack"><article>...</article><article>...</article><article>...</article></div>

Details

Tailwind
v4.x
Browser
baseline-2024
A11y
prefers-reduced-motion
Size
499 bytes · 20 lines
Custom Properties
--fan-rotation--fan-offset
Classes
.card-fan-stack
cards fan stack hover presentation

Cards spread into a shallow fan on hover for preview stacks, deck thumbnails, and grouped evidence blocks.