Use case card animations
01 · Expand in place
The card grows downward and the copy unfolds under the title with a soft blur-in. The plus turns into a close. Tap to try.
02 · Slide-up panel
A yellow drawer rises from the bottom edge and covers the card, with copy staggered in after it. Tap to try.
03 · Text roll
The card stays put. The title rolls up and blurs out while the description rises in word by word. Tap to try.
04 · Morph to modal
The card lifts out of the grid and morphs into a centred panel over a blurred backdrop. Tap to open; tap outside or press Esc to close.