Built with Rive
Rive Level up screen with data binding
Maxim Vellinga
Like this project
Posted Jul 20, 2025
Leveling up made more fun! Build in Rive, using data binding. Fully responsive and reacts to data changes.
Likes
1
Views
5
Timeline
Jul 1, 2025 - Jul 31, 2025
Started experimenting with Rive, I remade this effect from React into Rive and used Data Binding to connect to real data.
Some key take aways from this project:
DRY (Dont' repeat yourself) is key in Rive, when reusing components, make so to turn it into nested artboards.
Vector Feathering is an incredible powerful tool, I made the rays in a combination of gradients and vector feathering.
If you need to combine layouts and content that has absolute positions, turn the elements that need custom positions it a seperate artboard, that can be nested inside your layout, without it breaking the orginal setup.
Also so cool to be on the featured tab of the marketplace of Rive.
