Cards are meant to organize and highlight information. The original static stack of cards did that but felt flat, lacking any sense of motion or engagement based off the feature The Challenge: How do I introduce animation that draws attention and communicates hierarchy without overwhelming the user?

The Idea: Rather than redesigning the cards entirely, I focused on animating their entry and expansion. Using subtle micro-motion, the cards join the layout from a single point and expand into their respective positions, creating a smooth, layered easing reveal. The animation needed to feel fluid, minimal, and elegant enough to guide the eye without being distracting. With Rive, I could control timing, easing, and responsiveness precisely, making the animation feel intuitive and dynamic.

The Execution: Using Rive’s Timeline, I built a sequence where all cards enter the layout together and expand gradually, settling into a staggered stack. This subtle motion adds depth, hierarchy, and visual interest, making the cards feel alive and attention grabbing.