A collection of Animations that aims to improve the user experience for your next flutter project.

Overview


Flutter Animations

A collection of Animations that aims to improve the user experience for your next flutter project. Built by Ezaldeen SAHB I hope that these sample can help you in your real projects or just for the purpose of learning and inspiration.

In addition to forking and reviewing the MIT licensed code available here.


About me

I am a mobile developer from Iraq, this repo is just to share source code for my Instagram page @ezaldeen_sahb Videos.


The Animations


Animated onBoarding

Use slider and lottie files to build an animated on boarding screens, it can be used to gain user attraction to your app when it launch at first.

View Code















Furniture app (Dark / White) Theme support

Draw curved vector animations to switch between white/dark themes. It also make use of a custom flash indicator for the selected category.

View Code















No Wifi internet connection

Uses the Custom painter to draw wifi animations on your app screens. In this case I also used some text animated widget to animated the type writing animations.

View Code















Flutter circular widget animator

Demonstrates how you can use custom painters in your Flutter app and how to tie multi custom animations controllers.

View Code















Profile weather animations

Example of a profile view with animated weather indicators that change size, shape, and color

View Code















Rotating wave progress indicator

Again custom painters are being used here, drawing some paths on screen and use animation controllers to delay each path to make this nice movement

View Code















Flutter custom hero animations

Flutter Hero Animations are amazing, however, the default hero animation is not giving the best U/X. We will implement a white page route animations to improve this issue

View Code
















Installation

If you're new to Flutter the first thing you'll need is to follow the setup instructions. Once you're set up and can compile the sample Flutter app, you're ready to run some examples!

Each project is stored in its own folder in the repository. Using your IDE of choice, open the project root directory you'd like to run. Then, using the terminal inside your IDE, run flutter pub get to fetch any dependencies, and flutter run to deploy to your connected device or simulator.

If you would like to try these for Flutter for web, you can use flutter run -d chrome. For more information on enabling Flutter for web follow the setup instructions.


License


These examples are released under the MIT license. You can use the code for any purpose, including commercial projects.

license


Owner
Ezaldeen Sahb
Welcome, I am an Electrical Engineer who loves to write code, let's make a project together ^^
Ezaldeen Sahb
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Johannes Milke 15 Dec 20, 2021
🚗 Apple CarPlay for Flutter Apps. Aims to make it safe to use apps made with Flutter in the car by integrating with CarPlay.

CarPlay with Flutter ?? Flutter Apps now on Apple CarPlay! flutter_carplay aims to make it safe to use iPhone apps made with Flutter in the car by int

Oğuzhan Atalay 91 Jan 11, 2022
AI Library to create efficient Artificial Neural Networks. Computation uses SIMD (Single Instruction Multiple Data) to improve performance.

eneural_net eNeural.net / Dart is an AI Library for efficient Artificial Neural Networks. The library is portable (native, JS/Web, Flutter) and the co

null 17 Dec 22, 2021
Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Flutter Tutorial - User Profile & SharedPreferences Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's inf

Johannes Milke 12 Jan 11, 2022
Flutter app for collection of UI in a UIKit

Flutter UIKit The goal of this project is to provide an ultimate collection of real world app's UIs. While I built Flutter UIKit for my own needs, it

Pawan Kumar 5.7k Jan 12, 2022
All projects from my Flutter Animations Course

Flutter Animations Course | Code With Andrea This repo contains all the projects from my Flutter Animations Course. The main project for this course i

Andrea Bizzotto 130 Jan 14, 2022
This is template toolkit fasten your project setup within a minute. The toolkit is based on MVC+S structure.

BWeird Flutter Toolkit! Hi! From a Weirder Flutter has been great on mobile development and I took this opportunity to make it even greater with templ

Setak Varaman !!!! 6 Aug 22, 2021
Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider.

DrawApp Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider. All code free to

Jake Gough 209 Jan 13, 2022
Flutter shareable package of object-oriented classes for local caching of user data in json

json_cache Json Cache is an object-oriented package to serve as a layer on top of local storage packages - packages that persist data locally on the u

Dartoos 7 Jan 9, 2022
A Flutter project of book app UI

Book App Flutter A Flutter project of book app UI from prototype originally by Travis. Video Tutorial You can find the video tutorial of this project

Ardiansyah Putra 302 Jan 11, 2022
A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter project. This starter kit build an App Store app as a example

Flutter Starter Kit - App Store Example A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter pro

kw101 606 Jan 16, 2022
This project is a starting point for a Flutter application.

calculadora A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

Fernando 13 Nov 8, 2021
Garreta project using Flutter and GetX

garreta A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Seea 3 Jun 3, 2021
A simple flutter workshop project

workshop A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Marcelo Esser 3 Jun 13, 2021
This is the base project for flutter programers.

flutter_code_base A Base code for new flutter project. Use many modern codes and packages that can help you build your own project really fast and eff

null 72 Oct 9, 2021
A flutter boilerplate project containing bloc, pedantic, hive, easy_translations and more!

Flutter Production Boilerplate A flutter project containing bloc, flutter_lints, hive, easy_translations and more! This repository is the starting poi

Andreas Feichtinger 80 Jan 10, 2022
Project demonstrates building a simple chat application using Flutter framework and Firebase cloud

Flutter Chat on Firebase Project demonstrates building a simple chat application using Flutter framework and Firebase cloud. App does not poll for new

Sukitha Udugamasooriya 7 Aug 14, 2021