{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "stack-cards", "type": "registry:block", "title": "Stack Cards", "description": "Sticky cards that stack into a deck as you scroll: each buried card sinks back on a spring and leaves its index tab showing, which you can click to scroll back to it. The card in flight leans with your scroll speed; it is transform and opacity only, with layout read once.", "docs": "Stack Cards was added to public/vividsites/stack-cards.html. Paste its markup, \n\n
\n
\n
\n \n
\n
\"Brewers
\n
\n
01洗
\n

Polish, then wash.

\n

The rice is milled to sixty percent of the grain, then washed by hand in well water, timed to the second so each grain drinks just enough.

\n
Day 18 °C waterMilled 60%
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\"Two
\n
\n
02麹
\n

Grow the mould.

\n

Steamed rice is spread across cedar beds in the warm room, dusted with koji spores and turned by lantern light every four hours for two nights.

\n
Days 2–335 °C roomTurned 12×
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\"Brewers
\n
\n
03醪
\n

Build the mash.

\n

Koji, water and yeast go into the tall vats in three additions over four days. The brewers climb ladders at dawn to stir it with long oars.

\n
Days 4–3010 °C3 additions
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\"A
\n
\n
04出
\n

Carry it to the boats.

\n

Pressed and rested through summer, the casks leave the kura on shoulders, down to the harbour for the autumn boats, as they have since 1861.

\n
Month 6Autumn tideCask 72 L
\n
\n
\n
\n
\n
\n
\n\n\n" } ], "meta": { "category": "ui", "group": "Cards & layout", "tags": [ "sticky", "scroll", "stacking cards", "deck", "tabs", "spring", "process", "steps", "storytelling" ], "tech": [ "CSS", "JS" ], "deps": [ "https://fonts.googleapis.com/css2?family=Gilda+Display&family=Mulish:wght@400;500&display=swap" ], "source": "ukiyo", "free": true, "accent": "#c8412b", "added": "2026-09-30", "demo": "https://vividsites.app/api/component/stack-cards/index.html", "thumbnail": "https://vividsites.app/api/component/stack-cards/thumb.jpg", "video": "https://vividsites.app/api/component/stack-cards/thumb.mp4", "page": "https://vividsites.app/c/stack-cards" } }