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
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.
Thank you! 🥹 I finally got to bring Cloud kingdom - my childhood dream to life. So glad you like it! ☁️✨
That makes it even more special. You can really feel that personal connection in the final result. Wishing you the best in the challenge!
Thank you so much! 🥹🤞 Fingers crossed! Really appreciate your kind words and support! ✨☁️⭐
this is awesome!
Thank you! I'm so glad you like it 😉🫶
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
Hello! This is my submission for Contra's #rivebroadcastchallenge : an eSports Charity Event type graphics package for live streaming for game like League of Legends and Valorant.
The package includes:
- Player portraits that can be updated according to each players picture.
- Team Icons that can be updated according to each team.
- A scoreboard where the team’s icon and name can be updated live, and the score is updated in real time with subtle animation triggers for each scored point.
- A live player leaderboard that uses a script to update in real time based on kills or points, that can be expanded/collapsed for more detailed information.
- Important game kill pop ups like ‘First Blood’ and consecutive kills from 'Double Kill’, all the way to ‘Penta Kill’, each showcasing the portrait of the player who died and the one that got the kill.
- Post match stat comparison based on two players, showcasing their picture, stats, and who holds the crown for each stat.
- An MVP showcase banner showing the top player's stats for the match and their picture.
- Donation alerts showing the donators username and amount donated with varying icons based on the donated amount.
- A live donations’ progress bar that uses a script to update the donation progress in real time, with animation triggers for every milestone.
One of the new Rive features I was able to implement was databinding a keyframe. I used it to animate the donations’ progress bar in and out animations, it gave me the ability to set an out keyframe into a keyframe that was bound to the data of the percentage that was already received, data that is updated in real time.
I learned a ton in the process and had a great time creating this from the rough sketches to linking up state machine triggers to viewmodels and all the databinding process.
Here's a link to preview it inside of Rive: https://editor.rive.app/file/broadcast-challenge/2449294?linkId=eTXuQh835k2iBjB-T2GcEA.
Hope you enjoy!
We were glad to create the @Rive animation, design support, and Rive engineering behind 4 activations, live at the 2026 EuroLeague Final Four in Athens.
Built for ASB GlassFloor's LED court, running at 7168x3840, broadcast live directly on the court itself with Adidas, Motorola & Etihad on board.
A walkthrough of the 4 games and some behind the scenes shots
🔉 On
Full Case study 🧵
🐐
A few days ago, I didn't know Rive.
Today, I built an interactive Tour de France broadcast concept from scratch.
I learned Rive during the challenge, designed the interface in Figma, illustrated the entire race scene, animated every component, and somehow turned an idea that felt impossible into a working prototype.
Still learning. Still making mistakes. Still having fun.
That's probably my favorite part of being a designer.
Is any of the tools you used paid or pro version?