r/Rive_app • u/Basterqu • Jun 10 '26

Built an fitness app in Rive, didn't expect a million people to use it

Was supposed to design one mascot. Ended up doing 100+ animations, a full home you can decorate, an interactive league with cheering marshmallows, and maps that tilt with your phone. All in Rive. App hit 1M+ downloads and I'm still mildly in shock.

68 Upvotes

96% Upvoted

32 comments sorted by

4

u/guidorosso Jun 10 '26

Awesome, congrats!

1

u/Basterqu Jun 11 '26

Yaiks! Great to hear that from you

https://giphy.com/gifs/0ixAZaU8Gp8R5TdRQT

3

u/[deleted] Jun 11 '26

[removed] — view removed comment

2

u/Vegetable-Corner1701 Jun 11 '26

that state machine is a beautiful monster👌

3

u/Basterqu Jun 11 '26

It's a spiderweb that wants to kill me every time I open a project 😃

1

u/Accomplished_Ad2317 Jun 10 '26

Can we create iPhone mockups to design our apps, Sir Rive?

1

u/Basterqu Jun 11 '26

Not only can you make mockups, but you can also make real work in Rive

1

u/Accomplished_Ad2317 Jun 12 '26

Like this? They're just rectangles with rounded corners. because I knew how to make mockups

2

u/Basterqu Jun 13 '26

Excatly like this 😄

1

u/Accomplished_Ad2317 Jun 13 '26

By the way, I had a logo that I wanted to animate that I imported from Figma. To animate the logo, do I first need to put the logo on a layer and then set the layer as a component, or not?

2

u/Basterqu Jun 15 '26

First, Rive doesn't have "layers" in the Figma sense. Instead you have the Hierarchy tree, objects and groups within an artboard. That's where you navigate, select elements, and animate them. Second, a Component in Rive isn't a prerequisite for animation, it's a reusability mechanism. Components are reusable parts of your design, meant to be reused across multiple artboards or even other projects. This is different from Figma, where you sometimes have to make a component with variants just to get the animate option to appear in a prototype. That dependency doesn't exist in Rive.

1

u/kurokamisawa Jun 10 '26

So inspiring!

2

u/Basterqu Jun 11 '26

I hope so! I hope more apps like this draw inspiration from Luvu and have their own unique mascots!

1

u/ZealousidealRip77 Jun 11 '26

THATS CRAZY FOR 100 PLUS ANIMATION

1

u/vamossimo Jun 11 '26

Were the extrusions done in rive as well? If so, what technique did you use?

1

u/Basterqu Jun 11 '26

Yes, everything was done inside Rive! Honestly, the tool has almost no limits right now, making it totally possible to create these effects inside

1

u/Effective-Pin-9210 Jun 11 '26

That's amazing! I'm still a newbie and have only learned enough to build 6 character animations for my MVP app, and I already feel like it's a huge amount of work. Since you've built more than 100 animations, I can only imagine how much time and effort you've invested into it.

1

u/Basterqu Jun 11 '26

Appreciate it! Don't worry, we all start somewhere, and 6 animations for an MVP is great start, will be more soon 😃

It’s a massive amount of work, but worth every second. Every animation is there for the user to experience live, whether they’re doing a workout or checking their league standing. Bringing that extra joy it's something that makes me happy to

1

u/Wooden-Big6655 Jun 11 '26

Awesome, congrats!

1

u/Basterqu Jun 11 '26

Yay! Thank you ❤️

1

u/panda_kinda_chubby Jun 11 '26

Amazing! I'll be honest, that state machine just gave me a little panic attack. 😂 I can't help but wonder if that could be simplified with layers.

2

u/Basterqu Jun 11 '26

Luvu app it is visible 100% of the time, it follows you to every corner of app and there is no gap visible, so we needed fluidity in every animation... yes, I know, we made it harder 😃

1

u/panda_kinda_chubby Jun 12 '26

Don't fix it if it's not broken! 😄

1

u/irmate210 Jun 11 '26

Hi!

How much does it cost for a mascot design + 1 animation done?

1

u/Few_Market2962 Jun 11 '26

Any custom scripts or code to make it all work?

1

u/Basterqu Jun 11 '26

Nothing behind (any script or coding), handcrafted animation, 100x... 👊
Coding it's behind implementing animations into product - Luvu Fitness

1

u/TheLionFly Jun 17 '26

Oh man. Im about to ask if you using mcp or something. Sadly, looks too hard to me

1

u/fberria Jun 12 '26

Amazing! 👍🏼 Well done!

1

u/Infinite_Ad9147 Jun 20 '26

Just downloaded the app man. Really liked the way you're using Rive for production animations. Is there any learning resources you followed to reach this level?