Built with Rive

Interactive Payment Plan Concept

Piyush

Piyush Kacha

Interactive Payment Plan Concept - Built in Rive

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 illuminationdepth 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.
This piece demonstrates how I merge interaction logic and motion design precision, turning a static pricing block into an immersive micro-experience that could easily live inside a live product interface.
Like this project

Posted Aug 11, 2025

An interactive payment plan card built in Rive, featuring dynamic lighting, hover effects, and state-driven plan selection with smooth animations.

Likes

2

Views

9

Timeline

Jul 24, 2025 - Aug 8, 2025