pro
Olena Tieriekhova
Rive ⬥ Characters ⬥ UI ⬥ Interactive Motion ⬥ Illustration
- 1x
- Hired
- 28
- Followers
Interactive Breathing Animation System Built in Rive
I'd like to share a project I worked on a while ago.
The visuals are simple, but the most interesting part was building a flexible animation system in Rive. I set up logic, states, and interactions. This allows the animation to adapt to different use cases. And at the same time, it stays lightweight and easy to integrate.
All parameters are controlled by developers: from timing to breathing method. This makes it easy to adapt to different types of exercises.
Key features:
• Multi-language support
• Breathing method selection (nose or mouth)
• Adjustable timing for each phase (inhalation, holding, exhalation, resting)
• One animation system for all exercise types (relaxation, focus, energy, etc.)
Built before data binding was introduced in Rive 😂
Try it out: https://rive.app/s/qSSq8Fnsz0GfXhHoslnoyw/embed
1. Select your language.
2. Adjust the timing and breathing method.
3. Start the session.
4. Press Finish to end the session after the current cycle.
5. Tap New Session to restart.
All parameters can be updated in real time.
3
170
Rive Mascot Animation
Project Overview
Design an expressive, interactive mascot animation in Rive that reacts to user actions and brings personality into the product experience.
Role: Rive Animator
Services:
- Character redrawing (AI raster → clean vector)
- Interactive Rive mascot animation (only 40 Kb)
Tools: Rive, Adobe Illustrator
Process:
1. Character Preparation
The character was originally generated as a raster AI image. I manually rebuilt it as a clean, fully vector-based character, optimized for animation.
2. Rigging & Animation States
I prepared the character for animation and created several expressive states, including:
- Idle
- Happy
- Smiling
- Winking
To make the mascot feel more alive and responsive, I added an interactive behavior where the mascot follows the user’s mouse cursor when it gets close.
2
5
213
Hey everyone,
I’ve actually been registered here for a while, but I've decided to update my profile and showcase more of my work.
I’m a Rive / Lottie animator and vector illustrator, based in Helsinki, Finland. I specialize mostly in Rive and interactive animation. I especially love animating characters and mascots for apps and websites (EdTech, kids’ and gamified apps, character-driven digital products).
I enjoy thinking through interaction logic and figuring out the best way to structure state machines.
I'm really happy to see the community space here. It’s great to be here with so many talented and creative people!
I’m a very visual person, so hopefully the visuals will catch your eye as well 😊
Looking forward to connecting, learning from you all, and hopefully collaborating 💛
2
1
177
Mascot Design & Interactive Rive Animations for Mobile App
6
166
RIVE - Interactive Busy Bee Animation
4
87
Lottie animations for the children's app Totoli
1
55
Onboarding Lottie JSON animations
2
49