urmilshroff/dashboard_reborn

A very sexy Flutter UI template✨

Dashboard Reborn✨

A very sexy app template with great focus on UI, design and animations. It is written entirely in Dart and built with Flutter, so it can be compiled to run (very smoothly) on Android, iOS and all other platforms supported by Flutter!

Note: I am not a UI designer by any means. All the animations, colors, layouts, etc. have been made according to what I thought looked "nice and cool"🙃

Screenshots

UI Demos

Building

To build and run the app on your device, do the following:

• Install Flutter by following the instructions on their website.
• Clone this repo to your local machine using git clone https://github.com/urmilshroff/dashboard_reborn.git.
• Connect your device/emulator and run the app using flutter run in the root of the project directory.

Note: you can also run it in release mode using flutter run --release to experience the beautiful animations at their best.

Usage

There are three main pages in the app:

• About Page: a clean, neutral cards layout mostly consisting of text.
• Material++ Page: a lively, heavily animated page consisting of bold Material Design colors and animations.
• Gradients Page: a beautiful paginated cards layout complete with a colorful gradients theme.

You can use these individual components or all of them together as a template or starting point in your own Flutter app. It's completely free - as in beer and speech!

That said, if you liked this project and found it helpful, kindly fork/star this repo to show your support, and check out some of my other projects. It really helps!😁

Contributing

Found any bugs? Have any suggestions or code improvements? Submit an issue or fork and send a pull request with your changes. All contributions are more than welcome, and will be merged into master if satisfactory.

Credits

Huge shout out to all the amazing libraries and projects that I've used, without which this app wouldn't have been possible:

• Awesome Flutter by Solido
• Dynamic Theme by Norbert515
• Eva Icons Flutter by piyushmaurya23
• Gradient Widgets by bluemix
• Liquid Swipe by iamSahdeep
• Dashboard by Ivaskuu
• Buy Ticket Design by MarcinusX
• Story App UI by devefy
• Page Transformer by roughike

Special shout out to Arabi Ishaque for making that dope icon!

And of course, the Flutter framework by Google.

Take a look at the entire list of contributors to see who all have helped with the project directly.

License

This project is licensed under the MIT License - do anything you want with it! See the LICENSE file for details.

dashboard_reborn's Issues

Images not displaying in Material++ page

Describe the bug
The app icon should be displayed in various parts of the Material++ page, but for some reason it's currently broken.

Log

The following assertion was thrown resolving an image codec:
Unable to load asset: assets/images/icon/icon-nobg.png

When the exception was thrown, this was the stack: 
#0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:221:7)
<asynchronous suspension>
#1      AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:464:44)
<asynchronous suspension>
#2      AssetBundleImageProvider.load (package:flutter/src/painting/image_provider.dart:449:14)
...
Image provider: AssetImage(bundle: null, name: "assets/images/icon/icon-nobg.png")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#dc0c4(), name: "assets/images/icon/icon-nobg.png", scale: 1.0)

However, I have renamed all instances of the image file name after changing it in ce145dd. I even ran flutter clean and rebuilt. No luck.

About Page scrolling broken

Describe the bug
Scrolling in the About Page is broken. It stays stuck, but the app isn't hung. I don't think I modified this section, so I'm not sure what broke it (used to work in earlier versions).

Steps to reproduce

1. Open the About Page
2. Try to scroll through the content
3. Nothing happens and it remains stuck

Expected behavior
It should scroll, duh.

Ripple expands beyond cards (ignoring border radius)

Expected behavior:

Ripple effects get cropped to their parent element, including border radius.

Actual behavior:

Ripple effects expand beyond their parent in some cases, that is they ignore border radius of their parent

Notice how ripple on "About" card has sharp corners:

My device:

OnePlus 3T,
Android 9.0,
Lineage OS 16, build 19.06.2019

Improvements needed for Material++ page

Describe the bug
There are several bugs and potential improvements to the new Material++ page. For starters, the text has this weird yellow debug-like underline.

Suggestion: fade card titles instead of blinking

The text on cards/buttons from main menu changes to different content when each button is clicked (except Gradient Cards section). That transition however happens without any animation, the content just blinks between states. It makes the experience feel a lot less fluid.

I'd suggest a small cross fade animation between the states, only of the content of the card. That shouldn't be too hard to add and would definitely smooth out the transition between views.

My device:
OnePlus 3T,
Android 9.0,
Lineage OS 16, build 19.06.2019

[Question] Support flutter web?

Is this support flutter web?

any screen shots?

Gradle build failed to produce an Android package

Describe the bug
Can't compile a release build for Android. Tested using macOS Catalina and Windows 10, with several versions of the Flutter SDK (including the latest 1.9).

Steps to reproduce

1. Connect a physical Android device
2. Run the app in release mode using flutter run --release

Error message
It's a little bit crypting and vague, but this is all that's displayed: Finished with error: Gradle build failed to produce an Android package.

Smartphone:

• Device: Google Pixel XL
• OS: Android 10 (API 29)

Broken animation exiting Material++ view with expanded bottom sheet

Expected behavior:

When exiting the view while bottom sheet is expanded, either:

• the whole view slides to the side (like Gradient Cards section)
• the bottom sheet collapses and then the exit animation is played

Alternatively, the back button could collapse the bottom sheet and then on second back, exit the view.

Actual behavior:

The card appears from below the bottom sheet, making it look really weird.

My screen recorder glitched so I don't have the video 😢

Steps to reproduce:

1. Open "Material++" view
2. Expand bottom sheet
3. Hit back to exit the view.

My device:

OnePlus 3T,
Android 9.0,
Lineage OS 16, build 19.06.2019