Rive Level up screen with data binding

Started experimenting with Rive, I remade this effect from React into Rive and used Data Binding to connect to real data.

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.