Interactive football broadcast UI built in Rive using data binding and state-driven animation. Th...

Interactive football broadcast UI built in Rive using data binding and state-driven animation. Th...Interactive football broadcast UI built in Rive using data binding and state-driven animation. Th...

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

Ilfan R

• Aug 4

Interactive football broadcast UI built in Rive using data binding and state-driven animation.

The system responds in real time to match data, including the clock, team selection, scores, goal events, player callouts, statistics and sponsor overlays. A separate control panel demonstrates how the broadcast package can be operated live during a match. Social post: https://x.com/X1_0_/status/2084746905293107387?s=20 Live interactive demo: https://laliga-rive.vercel.app/

Rive project: https://editor.rive.app/file/laliga/1642850 Original broadcast reference: https://youtu.be/Cdtes6MRo8o?t=240

rivebroadcastchallenge

Angeline M

• Aug 5

Amazing. Did you also bult that control panel?

Ilfan R

• Aug 5

Thank you! Yes - full control panel was built as well and can easily feed data from any external data sources as well 😊

Gustavo Duque Estrada

• Aug 5

goat!

Lennox Koko

• Aug 18

Amazing work. Just started learning Rive recently. The rive project link is saying "File not found". I wanted to go through your project to know how you set up your data bindings and view models

Mehran A

• 1d

Wanted the controls screen to feel more like flipping through a deck of retro cards than navigating another settings menu

Those little ships aren't videos. They're rendered live in 3D, and you can actually test your controls right on the cards before jumping into the game

All built in @Rive with GPU Canvas, Luau scripting, and the Rive CLI 🚀

Rive Rive Animation

Elham Khany

• 1d

Awesome!🚀

1960s Studio

pro

• Oct 21

Lower simple thirds and match visuals, animated with Rive

Rive Figma 2D Animation Motion Design Rive Animation

Anna Sin

pro

• 2d

set of animated badges with 3d effects using joysticks

Rive Animation Rive

Timothy Exodus

pro

• 1d

These are lovely. The 3D tilt on hover with the joystick is such a playful detail, it makes earning the badge feel like an event. Is the joystick handling just the rotation, or does it drive other effects like the sparkle bursts too?