← Back to Learning in Public

Stacked Cards

Coffee stamp cards that expand on click. Layout animations with AnimatePresence and LayoutGroup for shared element transitions between stacked and selected states.

MotionAnimatePresenceLayoutGroupTailwind

Demo

Click a card to use it
Llama Coffee RoastersLlama Coffee Roasters
Coffee cupCoffee cupCoffee cupCoffee cupCoffee cupCoffee cup
Mooy Real CaféMooy Real Café
Coffee cupCoffee cupCoffee cupCoffee cupCoffee cup
Café DebodtCafé Debodt
Coffee cupCoffee cupCoffee cupCoffee cupCoffee cup
“Coffee Cup” icon by suryanaagus from Noun Project.“Qr Code” icon by Alex Burte from Noun Project.