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
Three days ago, I had never opened Rive.
Today I'm submitting LEAD CHANGE — a live golf broadcast overlay.
In golf, one putt can reorder the whole tournament. But broadcast graphics almost always show it after the fact. I wanted the opposite.
Everything on screen runs off a single value: the player's score.
Change it, and the card, the ticker, and the position all move at once. The position isn't drawn; a Luau script computes it against the rest of the field.
Under the hood: data binding on a Leaderboard ViewModel, a four-state machine that physically swaps the top two rows, and a second layer running a constant idle pulse so it never sits frozen.
Designed in Figma, animated in Rive, composited over real footage.
@rive_app #rivebroadcastchallenge
Incredible!!! You have to win this challenge 🫵🏼
Thank you so much! Did you try Rive before?
No, not yet:)
You must try!
Great job!
Thank you for support! Did you participate to Contra challanges before ? It really fun!
Yes, I do participate in these challenges. I see them as a great way to explore new tools and platforms, and to better understand what’s possible in design.
It really works well, personally I learnead a lot from it.
yoo, that's looks so craze!
i'd like the mood of this golf shot.
are u doing that for any clubs rn? would love to share with our partners
Yo man, thank you for comment, we work with golf clubs but for now it idea how we can implement it in real golf course.
Did you play golf recenly ? Happy to play together.
This is awesome 🔥
Thank you so much. Did you try rive before?
To be honest, I haven't yet, but I'll try. Did you get free trial for the challenge?
Thank you so much. What challenage you gonna take with me next?
I love your submission so much 😍
Thank you a lot. Let's take next challenge together.
Mind-blowing execution! Driving position swaps and live leaderboard updates through data-bound Rive logic is brilliant for broadcast UI. Hard to believe you just picked up Rive 3 days ago—outstanding work! ⛳️🔥
Lovely to hear that. Happy to join next challenge with you.
What about Replit one ?
Submitted work is here:
https://editor.rive.app/file/contra/2491260?linkId=rAG00v4BkU6w-xwnIDTMOA
Very realistic. Wish you goodluck!
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Live Cricket Broadcast Package
I’m not a professional motion designer, but I wanted to challenge myself and build something beyond a simple animation.
Using what I know about Rive, frontend development and cricket, I created a complete live broadcast graphics package with a scorebar, player statistics, ball-by-ball updates, FOUR, SIX and WICKET celebrations, and match stat screens.
All the information is data-bound and updates dynamically from a working Next.js scoring application. I put my best effort into combining design, animation, logic and real-time data to create an experience that feels like a real cricket broadcast.
This project represents my learning, experimentation and the best of what I currently know in Rive.
I built a live shopping UI concept built entirely in Rive, featuring original illustrated assets and a data-bound countdown timer that drives urgency into the flash sale experience.
Every interaction is powered by Rive's state machine and timer data binding to feel truly connected to a real shopping stream.
First time learning animation in Rive, honestly I spent too much time on debugging and figuring out how to make things work 😂 But I had fun doing the animation.
Hi everyone! This is my very first Rive project.
Meet Star Dance Battle—a dreamy broadcast UI where competition meets a sky full of dancing stars. ☁️⭐
I created Star Dance Battle, a live broadcast UI concept for the @Rive × @Contra HQ Broadcast & Livestream Challenge. ✨
The experience is inspired by the energy of Red Bull Breakdance Bboy Battles and the excitement of live dance battles, but reimagined through a whimsical, dreamy world with a softer, more feminine aesthetic.
The stage takes place in a Cloud Kingdom, where every glowing star represents a happy memory or a small moment worth celebrating. As we go through life, we collect these little stars by recording the moments that make us smile. On difficult days, we can revisit this sky of memories and enter Dance Mode—immersing ourselves in music, movement, and the joyful reminders of what we've accomplished and experienced.
Built with Rive Scripting, Data Binding, ViewModels, nested animations, and state machines, the interface reacts dynamically to live match data—from score updates and voting progress to character animations and broadcast transitions—creating a playful and responsive live viewing experience.
My hope is that these interactions encourage people to celebrate both the big wins and the little moments that brighten everyday life.
I'd love to hear what you think! 💙✨
🎬 Rive: project link
Really like the Cloud Kingdom idea. It makes the whole concept feel unique and memorable.