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.

New component drop: Logo Stream! You can replace the logos, adjust the speed, tilt, glow, tile depth, density, colors, and more - all directly in Framer :) Made for portfolios, creative studios, brand launches, and any site where a plain logo wall feels a bit too flat.

Amazing work🔥👏👏