react-movie-stack
The hero: a fanned stack of movie posters, recreating the original mockup. <Riffle> drop-in, a riffleRef driving external Previous/Next buttons, getLabel for a real accessible name per card.

Real, runnable apps, each proving a specific thing (a build tool, an adapter, an SSR setup, a
particular option). Every one lives in examples/ in the repository, is built and typechecked in
CI, and is the actual source of the code shown throughout this track, never a copy.
The hero: a fanned stack of movie posters, recreating the original mockup. <Riffle> drop-in, a riffleRef driving external Previous/Next buttons, getLabel for a real accessible name per card.

The recipe pages built with the React adapter: clamp with controls, programmatic control, forms inside cards, and a hand-written LayoutStrategy.

count growing under a live stack: an effect watches how close the active card is to the end and appends another page before you reach it.

Server-side rendering in Next.js's App Router: the stack mounts correctly with no window access at import time, on both a dynamic route and a fully static one.

axis: 'y' instead of the default horizontal drag: cards fan downward, and the keyboard maps to Up/Down instead of Left/Right.
