WhiteNoise Modern Animated UI Flutter

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)

Banner Image

Things implemented in this project

  • AnimatedContainer
  • AnimatedOpacity
  • Rotation Transition
  • Transform.Rotation (Not to be confused with the one above.)
  • AnimatedIcons
  • Custom Icons
  • StreamBuilder
  • Future.Builder
  • 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

    flutter run

Download the APK

Check the apk files included in this Repo. Install them on your device to test it.

Download arm64 APK

Download armeabi APK

App Demonstration Video

Cooming Soon...

About Me

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

Explore Flutter Firebase

Visit this Repo

SlimyCard - Animated Flutter Package

SlimyCard - Animated Flutter Package

Visit this Repo (GitHub)

Use this package (pub.dev)

My Links





Email: akash.apd@gmail.com

• Released: May 01, 2020, 05:17 AM

WhiteNoise Modern Animated UI Flutter

Author: AkashDivya
Item was Featured Author was Featured Bought between 100 and 500 items Referred more than 1000 members Author had a Free File of the Month Contributed a Blog Post Helped protect FrontendFun against copyright violations Reviewer FrontendFun Developer Site Administrator Moderator Blog Editor
null size
git clone https://github.com/AkashDivya/WhiteNoise-Modern-Animated-UI-Flutter.git