Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

I recently took Meng To's SwiftUI and Rive course, wanted to try Flutter for while now, so decided to replicate the app in it. I guess this is a good start 🤔, here's my Flutter version of the app 👇🏼 Source code:

Ashu

2,782 subscribers

154,506 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

8 Comments

Ashu3 years ago

The web demo is now live here:

Ashu3 years ago

Recently created few tutorials for this making the app from scratch

Majid Hajian 💙3 years ago

@MengTo @rive_app @FlutterDev I tried to run it on @zapp_run looks good, nice work

Ashu3 years ago

@rive_app @FlutterDev @zapp_run Thanks 🙂

flutteri18n3 years ago

@MengTo @rive_app @FlutterDev Love the sidebar animation!

👨‍💻 Maxvyr 🇯🇵3 years ago

@rive_app @MengTo @FlutterDev Good job 💙

₳Felipe3 years ago

@MengTo @rive_app @FlutterDev Awesome stuff, where can one find the Rive course?

Sohel Islam Imran3 years ago

@MengTo @rive_app @FlutterDev Awesome

Related Videos

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

The same app built in SwiftUI, React Native, and Flutter. All with the same Rive animations. Can you tell which is which? Poll in thread. Credit to Ashu, Lucas Lima and Meng To for the amazing work.

Gordon Hayes

518,442 views • 3 years ago

I am using my flutter & maths skills to the fullest to build this app. So far I completed adding Rectangle & Text elements in my graphic design tool with basic controlls. PS: Ignore cursors for now. flutter doesn't support all the cursors in macOS yet.

I am using my flutter & maths skills to the fullest to build this app. So far I completed adding Rectangle & Text elements in my graphic design tool with basic controlls. PS: Ignore cursors for now. flutter doesn't support all the cursors in macOS yet.

Ansh Rathod

13,264 views • 3 years ago

In #Flutter we say that everything is a widget, even the app itself! We took this concept to another level for a tutorial feature and we controlled our app with fake data within our app 🤪! I'm pretty happy with the result!

In #Flutter we say that everything is a widget, even the app itself! We took this concept to another level for a tutorial feature and we controlled our app with fake data within our app 🤪! I'm pretty happy with the result!

Romain Rastel 💙

10,259 views • 2 years ago

More than a year ago, I created this expense tracker app for myself, and recently I decided to launch this app for public release. I've therefore been working on this app for the past month to improve and add minor animation touches, for more 👇 The app is totally free, so go ahead and try it. Please let me know if you run into any issues.

More than a year ago, I created this expense tracker app for myself, and recently I decided to launch this app for public release. I've therefore been working on this app for the past month to improve and add minor animation touches, for more 👇 The app is totally free, so go ahead and try it. Please let me know if you run into any issues.

Kavsoft

50,313 views • 2 years ago

Say hello to multi-element embedding for the web. 👋 Flutter 3.24 builds on top of element embedding and now lets you embed multiple Flutter views within a host web app.

Say hello to multi-element embedding for the web. 👋 Flutter 3.24 builds on top of element embedding and now lets you embed multiple Flutter views within a host web app.

Flutter

15,301 views • 2 years ago

I designed this mobile app in Figma and decided to build it with Claude Code. These are some of the interactions I’ve built so far. Compared to the last time I tried building a mobile app with Claude Code for a client, this has been sooo much easier.

I designed this mobile app in Figma and decided to build it with Claude Code. These are some of the interactions I’ve built so far. Compared to the last time I tried building a mobile app with Claude Code for a client, this has been sooo much easier.

Wuraola | Product Designer

17,907 views • 22 days ago

Love #Flutter so much that it makes me hungry!😂 here I go again, imagining a modern fast food dining experience built around Flutter and Firebase. Calling it “Flungry” 🍔. Will pitch this to a local burger joint 😅 #Rive #Riverpod #Flutter #Firebase #Blender #Flungry

Love #Flutter so much that it makes me hungry!😂 here I go again, imagining a modern fast food dining experience built around Flutter and Firebase. Calling it “Flungry” 🍔. Will pitch this to a local burger joint 😅 #Rive #Riverpod #Flutter #Firebase #Blender #Flungry

Roman Jaquez

47,341 views • 3 years ago

Block blast makes ~$1M/day from ads I play it everyday and my biggest gripe is there's no way to skip them So I vibe coded my own version - here's how: > Write prompt with gpt-5 > Build using opus 4.5 on rork > Done entirely on my phone I used to code games from scratch and it took months, now all it takes is a $25/month app and the quality feels unreal With 0.1% of block blast's market, you’ll have a $30k/month app If you’re waiting to start building - this is your sign

Block blast makes ~$1M/day from ads I play it everyday and my biggest gripe is there's no way to skip them So I vibe coded my own version - here's how: > Write prompt with gpt-5 > Build using opus 4.5 on rork > Done entirely on my phone I used to code games from scratch and it took months, now all it takes is a $25/month app and the quality feels unreal With 0.1% of block blast's market, you’ll have a $30k/month app If you’re waiting to start building - this is your sign

Avery

271,860 views • 9 months ago

“Finally got a shot tracer app and decided to try it out on the course. Really good results!”

“Finally got a shot tracer app and decided to try it out on the course. Really good results!”

NUCLR GOLF

880,463 views • 1 year ago

You may have seen this if you were at flutterCon last week, but this endless runner is a vanilla Flutter app. :) Dashsurfers (...name subject to change) is a little 3D game built with Flutter Scene, running in real time at 120 fps. The rendering, the particles, the UI, all Flutter.

You may have seen this if you were at flutterCon last week, but this endless runner is a vanilla Flutter app. :) Dashsurfers (...name subject to change) is a little 3D game built with Flutter Scene, running in real time at 120 fps. The rendering, the particles, the UI, all Flutter.

Brandon DeRosier

18,816 views • 2 months ago

I’m excited to introduce Glowby, the first draw-to-code GenAI assistant for software creation. If you want to quickly develop an app, just attach your designs, simply draw whatever you want to build, and hand it to Glowby with an optional functionality description. It can generate code for SwiftUI (including Apple Vision Pro apps), Flutter, Kotlin Jetpack Compose, and Next.js. Try out Glowby on Draw your app, export to any platform. 50% OFF for the first 3 months 🎁 →

I’m excited to introduce Glowby, the first draw-to-code GenAI assistant for software creation. If you want to quickly develop an app, just attach your designs, simply draw whatever you want to build, and hand it to Glowby with an optional functionality description. It can generate code for SwiftUI (including Apple Vision Pro apps), Flutter, Kotlin Jetpack Compose, and Next.js. Try out Glowby on Draw your app, export to any platform. 50% OFF for the first 3 months 🎁 →

Jacob Ilin

77,818 views • 2 years ago

prediction markets are accurate, but stopping there is wrong 🤔 the real value comes from adding other sources and an ai analyst to Polymarket data i built an OpenBB app for this, got some interest, so i made it fully free reply "polymarket" for the app + source code

prediction markets are accurate, but stopping there is wrong 🤔 the real value comes from adding other sources and an ai analyst to Polymarket data i built an OpenBB app for this, got some interest, so i made it fully free reply "polymarket" for the app + source code

José Donato

10,177 views • 1 year ago

As a big fan of Duolingo’s animations, I’ve always loved how they bring motion into their app experience. So I decided to recreate one of their animations using Rive ever since I saw Duolingo using it, I’ve wanted to give it a try. 🎨✨

As a big fan of Duolingo’s animations, I’ve always loved how they bring motion into their app experience. So I decided to recreate one of their animations using Rive ever since I saw Duolingo using it, I’ve wanted to give it a try. 🎨✨

Chien Pham

112,233 views • 11 months ago

Hearts2Hearts members were talking about Blue Moon and Flutter 🌻 we would like to show Blue Moon and Flutter next time 🫛 Yuha-ssi wants to perform Flutter 🎀 Right but it was so sad that we couldn't perform it 🌻 later on~ 🧁 there are still many opportunities! 🌴 for me.. i want to perform Flutter 🎀 i know right 🍓 for Blue Moon is like, when we go up on the center of the stage while sitting down and take turns singing

Hearts2Hearts members were talking about Blue Moon and Flutter 🌻 we would like to show Blue Moon and Flutter next time 🫛 Yuha-ssi wants to perform Flutter 🎀 Right but it was so sad that we couldn't perform it 🌻 later on~ 🧁 there are still many opportunities! 🌴 for me.. i want to perform Flutter 🎀 i know right 🍓 for Blue Moon is like, when we go up on the center of the stage while sitting down and take turns singing

H2H Translation 𖹭˙⋆.

21,459 views • 7 months ago

BREAKING: Replit just launched mobile apps. Now you can build in Replit ⠕ and submit straight to the App Store for review. Describe your app → build it on Replit → test on your phone → publish to the App Store. I built a unicorn pet app for my niece: - Worked with Replit Agent to build it out - Scanned a QR code to download and test on my phone - One click to send to App Store Connect for review - A couple submissions later, it's live in the App Store! 🙌 I didn't write a single line of code! Just described what I wanted to Agent. Amazing! 😅 Go build something!! 👇

BREAKING: Replit just launched mobile apps. Now you can build in Replit ⠕ and submit straight to the App Store for review. Describe your app → build it on Replit → test on your phone → publish to the App Store. I built a unicorn pet app for my niece: - Worked with Replit Agent to build it out - Scanned a QR code to download and test on my phone - One click to send to App Store Connect for review - A couple submissions later, it's live in the App Store! 🙌 I didn't write a single line of code! Just described what I wanted to Agent. Amazing! 😅 Go build something!! 👇

Manny Bernabe

32,109 views • 8 months ago

I think I discovered the cheapest way to code with AI 😁 I tried GLM 4.5 on Claude Code and I'm really amazed how good this model is! I usually test with my nextjs crm app benchmark so I asked it to do that. Prompt "create a nextjs app which is a crm app. use sqlite for the database and use api routes to manage connecting to the database from the frontend" My observations - Generation feels like Sonnet 4 intelligence - Speed is great - It used create-next-app so it bootstrapped nextjs v15.5.2 - It created a sqlite database and used Prisma ORM and helped me easily add seed data - I needed a few prompts to iron out minor issues but all's good. It didn't struggle or got stuck. - Spent $0.50 for this app. Could be way cheaper with the Z.ai sub plans After trying, I can say GLM 4.5 model is up there as the best open source model for coding. Will continue using it and update here. So far so good! P.S. DM me if you want my referral link, otherwise just check Not dropping the link here so it doesn’t look like I’m hyping it. Here's a video of the experience 👇(sped up a bit)

I think I discovered the cheapest way to code with AI 😁 I tried GLM 4.5 on Claude Code and I'm really amazed how good this model is! I usually test with my nextjs crm app benchmark so I asked it to do that. Prompt "create a nextjs app which is a crm app. use sqlite for the database and use api routes to manage connecting to the database from the frontend" My observations - Generation feels like Sonnet 4 intelligence - Speed is great - It used create-next-app so it bootstrapped nextjs v15.5.2 - It created a sqlite database and used Prisma ORM and helped me easily add seed data - I needed a few prompts to iron out minor issues but all's good. It didn't struggle or got stuck. - Spent $0.50 for this app. Could be way cheaper with the Z.ai sub plans After trying, I can say GLM 4.5 model is up there as the best open source model for coding. Will continue using it and update here. So far so good! P.S. DM me if you want my referral link, otherwise just check Not dropping the link here so it doesn’t look like I’m hyping it. Here's a video of the experience 👇(sped up a bit)

Melvin Vivas

45,749 views • 1 year ago