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
🎡 I just launched my first digital product on Contra, and honestly, I couldn't be more excited to share it!
It's a fully animated Prize Wheel Spinner built with Rive and Flutter. But here's what makes it really fun ; everything is driven at runtime from code. Themes, colors, illustrations, text, and reward amounts all update dynamically without ever touching the Rive file. No re-exporting, no hardcoding. Just clean, flexible data-binding that puts you in full control from Flutter.
Three themes, 24 custom illustrations, a reward screen, and an animated counter, all swappable on the fly. ✨
Whether you want to gamify your product, skip weeks of animation and dev work, or simply learn how to push Rive to its full potential at runtime, I think you're going to love this.
What's inside:
→ The Rive source file (fully editable)
→ A complete Flutter sample project
→ Two video tutorials
→ An integration guide to help you make it your own
Oh, and if you need something custom built in Rive, I'm always happy to help. Just DM me or visit my profile 🙂
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
Related posts
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.
Join us live as we announce the winners of the Vehicle HMI with Rive Challenge on Friday, April 10th at 11am EDT!
Thank you to all the participants for the amazing submissions.
RSVP here!
luma.com
Vehicle HMI With Rive: Winners Announcement · Luma
Thanks so much for joining the Vehicle HMI With Rive Challenge, powered by Contra. Join this exciting live event where the judges will be announcing all the…
nice work
Trending
FLORA
Reusable workflows are replacing one-off prompts in creative AI. Share what you're building in FLORA.
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems. What are you building for your clients?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?