Innovative Health App Animation Designs for Contra's #RiveChallenge

Innovative Health App Animation Designs for Contra's #RiveChallengeInnovative Health App Animation Designs for Contra's #RiveChallenge

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Zakvan Sammak

• 12h

This is my #RiveChallenge presentation on Contra

I created 20+ animations for Boop, a health and fitness app that turns walking into a fun, motivating competition.

The project includes an interactive onboarding system built with state machines, transitions, and view models, where changing values dynamically drives users between states. It also includes a responsive walk cycle and interactive notification activation designed to make the experience feel engaging and rewarding. You can explore even more animations throughout the app.

characterchallenge

Sirojiddin Makhammatov

• 7h

Great animations and video editing! ✨

Zakvan Sammak

• 4h

Thanks buddy!

Matt Jedrzejewski

pro

• 6h

So many nice adopted states and animations, well done!

Zakvan Sammak

• 4h

Thanks so much Matt. your state machine is an enitre universe 🔥

Daire O Suilleabhain

• Jun 26

How hot is too hot for a ginger?

Currently working on a submission for the Rive x Contra Character Challenge. Building off an old idea, simply type in a city, and the animations will be changed based on that. Then you'll know how hot a ginger will get!

And guess what? This respects Reduce Motion setting in your OS*. I'm very glad to get this feature in, and it was really straightforward to set up.

The plan will be to link up with a weather API and the whole thing will run live on a website sometime in the near future.

For now, last few days to push and polish this!

*once it runs on a website and not solely in Rive

Motion Design characterchallenge Rive Rive Animation

Alan O

pro

• Jun 26

I built an assistant character in Rive that's wired into the product's actual state — not a loop on top of the UI, but a face that responds in real time. It blinks and breathes while idle, leans in the moment you start typing, jumps when the answer lands and winces when something goes wrong.

Every expression is driven by data binding, so the character mirrors what the assistant is actually doing — part of the product, not a sticker on top of it.

Built with @rive_app Try it live 👉 https://rive.app/community/files/28088-53050-ai-orb-mascot/

characterchallenge Rive Mascot Design Rive Animation

Alan O

pro

• Jun 26

Under the hood One Rive state machine: Idle · Typing · Correct · Wrong · Jump. Every mood is driven by data binding (typing / correct / wrong / jump), so the face reads the assistant's actual state — no canned loops.

That's the whole engine behind the demo above.