I'm really enjoying this workflow. UI Creation: 11 Minutes Animations + State: 18 minutes Integrate into Code: 2 minutes Result 👇

can someone share the example project and Rive file?

The code above is from my app going to stores so it won't be publicly available yet. But in this repo there's an example that comes with the package I'm building to work like this.

Code please

This is from my app that's going to the store. The code you can see in the video, it's only about 8 lines of code so you should be able to copy it out and put it in your own project. You won't have my Rive File for the UI, but you can check the example in the repo to see how it all fits together.

Nice, that’s how I used to do gwt apps

That's awesome 💯 How does it look in different screen sizes tho?

Good question. In this case it'll look exactly the same on tablet vs desktop. But if I wanted it to be different I would create an artboard per form-factor. How framer does it. Like this.

The ease >>>

Toooo easy 👌

Good job, but how you make the UI responsive? In Rive the canvas size if fixed, but in Flutter canvas size can change.

Thank you. I'll use the same approach as Framer does. An artboard per form factor. Here's a working example.