WhiteNoise - Modern Animated UI - Flutter
Effective & Modern Animated UI, which were once considered to be impossible and impractical, are now possible in Flutter. this Flutter app demonstrate how it can be done. (Without any 3rd Party Plugin/Package)
Things implemented in this project
- Rotation Transition
- Transform.Rotation (Not to be confused with the one above.)
- Custom Icons
- Several other UI components
Principle of Animation
The whole app is divided into 2 sections - left & right and each of them in further 3 sub sections- top, middle & bottom. Hence its divided into 6 total sections.
Every component is placed within appropriate sections and then these sections changes shape and size as per action. It might look that not much is going on but, it is. Look for subtle animations.
Audio Player section also animates according to expansion & collapsing action of its section.
Stream & Block triggers the animation in real-time and also updates the UI accordingly.
How to use this App
Clone the app
Run the following code in the terminal
flutter pub get
Run the App on emulator or on real device to see it in action
Download the APK
Check the apk files included in this Repo. Install them on your device to test it.
App Demonstration Video
Hi! my name is Akash Divya.
I'm a veteran Designer/Animator with 10+ years of experience. I always hated the excuses Developers gave me when they fail to implement my Design. One day, when I found about Flutter I said no more & started learning it.
Other Repo you may Like
SlimyCard - Animated Flutter Package