<?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

10 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!


Greate job!


Hi Javier — love how you pushed the empty state further by adding interactivity with Rive 🎉. The playful colors and hover animation make the page feel much more lively and inviting, though you could also check how the motion works on slower devices to ensure performance stays smooth. Overall, it’s a fun and polished take — keep exploring this direction 🚀.


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.


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