<?xml version="1.0" encoding="utf-8"?>
Open full project

Testing this interactive button in Rive app as part of a digital marketplace UX/UI concept I worked on a time ago.

Interactive Morphing Button 1

Interactive Morphing Button 2

Interactive Morphing Button 3

Interactive Morphing Button 4

Play with it HERE

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Javier you should have turned this into a tutorial here for the rest of us to learn! The button is magical, wonder how can it be used in real settings though 🤔


Hey Javier, I just went through your Interactive Morphing Button project and this one actually feels really fun to explore.

What I like most is that you didn’t treat it as just a visual animation it feels purposeful. The morphing behavior communicates state change clearly, which is exactly what good interaction design should do. It’s playful, but still functional. That balance shows strong understanding of motion as feedback, not decoration.

I also appreciate the smoothness of the transition. It doesn’t feel abrupt or gimmicky. The timing seems intentional, which makes the interaction feel premium rather than experimental.

If I were to push you a bit further, I’d love to see you explain the “why” behind the interaction more deeply. In what scenarios would this pattern outperform a standard button? Are there cases where it might confuse users? Adding that critical thinking layer would elevate this from a cool interaction to a strategic UX decision.

Overall, this feels like a designer who understands motion principles, not just UI aesthetics. Really nice execution 👌


15 Claps
Average 5.0 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>