Search packages, repositories and app categories

GitHub repositoryabuanwar072/Build-an-Animated-App-with-Rive-and-Flutter

Animated App with Rive and Flutter

Animated App with Rive and Flutter

Animated App with Rive and Flutter project cover
Stars
364
Forks
128
Last push (UTC)
Aug 10, 2024
Project status
Active

Original README

English project snapshot. Visit GitHub for the latest content.

Animated App with Rive and Flutter

Fonts

Watch it on YouTube

Hello, welcome to my new Flutter series focused entirely on animation. This is the app we are planning to build. As you can see a beautiful background animation using shapes and blur. As well as a cool button animation. Once we tap on the sign-in button a loading animation shows. If there is any error it shows an error animation. It will load and have a success animation with confetti if everything is okay. Also on the bottom navigation bar, we have animated icons that really make your app design stand out more.

So, what is really surprising about this is that we're using animated assets, which means that these icon animations are not made in code. Instead, they're made in Rive which is a really cool animation tool that lets you create animated assets for your website, iOS, Android, and most importantly Flutter.

Animated App with Rive and Flutter

Preview

App UI

Abu Anwar GitHub avatar
GitHub author

Abu Anwar ↗

Google Developer Expert - Flutter & Dart | YouTuber (The Flutter Way)

LanguagesObjective-CMakefileCDartC++CMakeRubyHTMLSwiftKotlin

Flutter dependencies

Dependencies used

Dependency list 6 items

App categories

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗