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

🎉 New Interaction Alert! 🎉

After receiving some great feedback and requests for a more colorful version on the previous showcase, I’m excited to share a fresh take on the empty state page. This time, I went a step further and introduced a fun interactive element using Rive!

🌈 What’s New?

Bringing some playful colors, and growing a bit the concept by adding an interactive feature. Now, you can play with the hover state of the main button, creating a more engaging experience for users.

Take a moment to try it out and let me know your thoughts!

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

Reviews

8 reviews


Nice work, Javier the new interactive part with Rive makes the page more fun the bright colors and button hover effect look great and catch attention.

Rive is a great tool, and you’ve used it well here the animation is simple but works perfectly making the page feel friendly and not boring.

Overall, you’ve done a great job! Looking forward to seeing more from you.


Great job Javier on taking this further with such a cute and fun hover animation.

This empty state is definitely one of a kind.

Kudos!


Your whole design, from the thoughtful copy to the animation and illustration, works really well together. It feels friendly, engaging, and adds a nice touch of personality to the empty state. I especially love the adorable animation you’ve incorporated — it grabs attention and does the job of encouraging users to start a new project. It’s clear you’ve put a lot of thought into making this moment feel welcoming instead of frustrating, which is exactly what you want for an empty state. Well done!


Hey Javier,

I tried your demo link. The illustration is nicely presented. The colorful CTA is very nice, also. I wonder if the shaky eye of the character when hovering is intentional? 😄

Look forward to seeing more works from you.

Thanks for your feedback. Haha, yes, it’s intentional! The idea is to make him seem a bit annoying as if he’s bothered by being woken up. 😉

The hover animation is simply amazing. These are the microinteractions we are missing!

I will be waiting for new projects and updates from you!


This incredibly cute animation made me smile and... start new project 😁


Caio

Caio

Pro

Well done Javier.

Simple but creative Empty State page. The microcopy is engaging and the animation adds life to it. The gradient is a great addition to the button and the shadow it creates during the hover is a really nice touch.

P.S. Thank you for the introduction to Rive!


If I study too much theory, I want to fall asleep, but when I do it, it makes me happy. It's very good.


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