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
Bike HMI Concept
I've been experimenting with designing and animating an electric bike HMI in @Rive
This concept is built using Data Binding and State Machines, where a single input can drive multiple UI elements, from the speedometer and battery percentage to color transitions and other dashboard interactions.
The setup is designed so it can be connected to live data from the bike, allowing the interface to update dynamically in real time.
It's been a great exercise in exploring how motion and interaction can make digital dashboards feel more intuitive, responsive, and enjoyable to use.
I'd love to hear your thoughts!
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
Entering Somying into the Rive Interactive Character Challenge!
Somying is a project I've been building over time — not just a character that plays an animation and calls it a day, but one with her own little world that users can actually interact with.
Inside the room, everything is designed to be interactive — from clicking and dragging to gamepad support, with real-time clock references that automatically shift the room's atmosphere from day to night.
The character, animations, and all interactive systems are built entirely in Rive. The code side was developed with AI assistance to handle the integration and communication with Rive.
Give it a try
https://ani1port-interactive.framer.website/
Room atmosphere shifting from day to night based on real-time clock?? 👀 Somying literally lives in her world, not just plays an animation. Gamepad support on top of that is wild. Trying this now 🔥
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/
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
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?