From c59a9f43f7d126800b7d8f3c8d76a2a8d7c992a8 Mon Sep 17 00:00:00 2001 From: Ashutosh Date: Sat, 21 Jan 2023 02:44:27 +0530 Subject: [PATCH] updated README.md --- README.md | 6 +++--- lib/rive_app/README.md | 27 +++++++++++++++++++++++++++ 2 files changed, 30 insertions(+), 3 deletions(-) create mode 100644 lib/rive_app/README.md diff --git a/README.md b/README.md index 8fc90e5..178d122 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ # Flutter Samples -Flutter Samples. +- [Animated App with Rive](./lib/rive_app#readme):- An application with interactive UI and animations, with custom UI components like Bottom TabBar and SideBar, and using animated assets from [Rive](https://rive.app) | [Demo](https://twitter.com/aashudubey_ad/status/1616536431010406400). -## Getting Started +## 💪🏼 Getting Started -This project is a starting point for a Flutter application. +This project is a starting point for this Flutter application. A few resources to get you started if this is your first Flutter project: diff --git a/lib/rive_app/README.md b/lib/rive_app/README.md new file mode 100644 index 0000000..f45c3e1 --- /dev/null +++ b/lib/rive_app/README.md @@ -0,0 +1,27 @@ +# Animated App with Rive and Flutter + +An application with interactive UI and animations, with custom UI components like Bottom TabBar and SideBar, and using animated assets from [Rive](https://rive.app). + +

+ Flutter + Rive UI Preview +

+ +--- + +## 👀 This is how it looks + +https://user-images.githubusercontent.com/46301285/213805689-d5c8eb3f-12d0-42ef-bdae-4bd857113579.mp4 + +## 📦 Packages used + +1. [rive](https://pub.dev/packages/rive): To render and control the [Rive assets](../../assets/rive_app/rive). + +## 🌻 Motivation + +This app is a full Flutter replication of [this SwiftUI course](https://designcode.io/swiftui-rive-animated-app) by [@MengTo](https://twitter.com/MengTo). + +## 🔗 Links + +- [SwiftUI + Rive](https://designcode.io/swiftui-rive-animated-app): Original course in SwiftUI. +- [Ionic Rive](https://github.com/Aashu-Dubey/Ionic-UI-Templates/tree/main/ionic_ui_templates/src/app/templates/course-rive): Ionic + Angular version for the same. +- [Twitter Post](https://twitter.com/aashudubey_ad/status/1616536431010406400)