This project reimagines how pricing and subscription cards can feel interactive and alive.
Built entirely in Rive, the animation uses a state machine with triggers and listeners to manage hover and click interactions - no external code.
When users hover over each chip, subtle feather-light glows and depth shadows respond instantly, creating a tactile feedback effect.
Clicking activates the chosen plan, shifting timelines to reveal the price, update billing information, and enhance the lighting around the active card.
The design heavily focuses on realistic illumination, depth simulation, and timed easing, blending functional logic with polished aesthetics. Every movement - from the hover shimmer to the plan activation glow - is crafted using layered vectors, blur masks, and timeline triggers for a cinematic UI feel.