Built with Rive

Button hold state

Radityo Nugroho

We'll soon be seeing more interactive animations in the near future - is this the right moment to introduce a hold state for buttons?

Button hold state
Button hold state
That's a thought that immediately sparked my curiosity, and I went ahead and created a prototype for this button. Essentially, buttons typically have states like click and hover, but I believe now is the perfect time to implement a hold state in UI design for scenarios that require processing time during an action.
Here is the example you can try yourself
Like this project
1

Posted Dec 1, 2024

We'll soon be seeing more interactive animations in the near future - is this the right moment to introduce a hold state for buttons?

Opening chest
Opening chest
Motion interactive on 2d illustration
Motion interactive on 2d illustration
Landing page animation
Landing page animation
Hero image with motion interactive for landing page
Hero image with motion interactive for landing page