Flutter app for collection of UI in a UIKit

Overview

Flutter UIKit

Flutter UIKit

Get it on Google Play

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 is also intented to showcase good app structure and a clean, well-organized Flutter codebase.

The source code is 100% Dart, and everything resides in the /lib folder.

This project will try to showcase only the best, most popular and well-designed templates that you will actually need and find useful rather than overwhelming you with a plethora of low-quality ones.

Happy learning. 👍

Show some ❤️ and star the repo to support the project

GitHub stars GitHub forks GitHub watchers GitHub followers Twitter Follow

Open Source Love License

YouTube Channel

MTechViral

Facebook Group

Let's Flutter

Collection of flutter apps with tutorial

Flutter Example Apps

Screenshots

Available Templates:

Templates Category Currently Available
Profile View Profile, Profile 2
Shopping Shopping List, Shopping Details, Product Details
Login Login With OTP, Login 2
Timeline Feed, Tweets
Dashboard Dashboard 1, Dashboard 2
Settings Device Settings
No Item No Search Result
Payment Credit Card, Payment Success

Building the project

Missing Key.Properties file

If you try to build the project straight away, you'll get an error complaining that a key.properties file is missing and Exit code 1 from: /Flutter-UI-Kit-master/android/gradlew app:properties:. To resolve that,

  1. Open r\Flutter-UI-Kit-master\android\app\build.gradle file and comment following lines-
//keystoreProperties.load(new FileInputStream(keystorePropertiesFile))

signingConfigs {
// release {
// keyAlias keystoreProperties['keyAlias']
// keyPassword keystoreProperties['keyPassword']
// storeFile file(keystoreProperties['storeFile'])
// storePassword keystoreProperties['storePassword']
// }
}
buildTypes {
// release {
// signingConfig signingConfigs.release
// }
}
  1. Open r\Flutter-UI-Kit-master\android\local.properties and add -
flutter.versionName=1.0.0
flutter.versionCode=1
flutter.buildMode=release

The stack & building from source

The project is currently built using the latest Flutter Master, with Dart 2 enabled.

To build the project, ensure that you have a recent version of the Flutter SDK installed. Then either run flutter run in the project root or use your IDE of choice.

Contribution Guide

This project is open to all kinds of contribution in all of its categories. Together, we can make it the ultimate Flutter UIKit available for free, for everyone, forever.

For resource contribution, just follow the following format: [reference-name](link) - Description, and raise a Pull Request. If you want to contribute multiple resources, raise separate PRs for each of them. Please consider adding resources maintaining the default sorting order of the category, like alphabetical sorting.

If you have any suggestion for including more categories, feel free to open a Github issue for us to have more discussion on it. Please DO NOT contribute low-quality, spammy or self-promotional stuff. Let's keep this project clean and useful.

If you feel that a particular resource(s)/template(s) available here is not a good fit for this project and should be removed, feel free to let me know by opening an issue.

❤️ Found this project useful?

If you found this project useful, then please consider giving it a on Github and sharing it with your friends via social media.

Project Created & Maintained By

Pawan Kumar

Google Developer Expert for Flutter. Passionate #Flutter, #Android Developer. #Entrepreneur #YouTuber

Donate

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of

License

Copyright 2018 Pawan Kumar

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

## Getting Started

For help getting started with Flutter, view our online
[documentation](https://flutter.io/).
Issues
  • the named parameter 'hasNotch' isn't defined.

    the named parameter 'hasNotch' isn't defined.

    What is the reason?

    question 
    opened by yin8080 16
  • Running

    Running "flutter packages get" in Flutter-UI-Kit-master

    Getting error

    Could not find a file named "packages/flutter_web/pubspec.yaml" in https://github.com/flutter/flutter_web e2728abe0058d8a268881d82061d81e0171bbe86. Running "flutter packages get" in Flutter-UI-Kit-master...
    pub get failed (1)

    Screenshot 2019-05-21 at 12 02 28 AM
    opened by bhandaribhumin 11
  • http package missing in pubspec.yaml

    http package missing in pubspec.yaml

    flutter run fails with:

    Your application could not be compiled, because its dependencies could not be established. The following Dart file: /Users/arnehendricks/work/flutter_kram/Flutter-UI-Kit/lib/services/restclient.dart ...refers, in an import, to the following library: package:http/http.dart That library is in a package that is not known. Maybe you forgot to mention it in your pubspec.yaml file?

    opened by hendrx 5
  • Unable to Compile

    Unable to Compile

    Hi Pawan,

    Thank you for your posts.

    I am unable to compile the build which i took from master branch can you please look the below log and kindly let me know what i am doing wrong.

    Thanks in advance.

    compiler message: lib/ui/page/home_page.dart:303:17: Error: No named parameter with the name 'border'. compiler message: border: Border(bottom: BorderSide.none), compiler message: ^^^^^^ compiler message: file:///Users/prathap/Documents/Flutter%20Development/flutter/packages/flutter/lib/src/cupertino/nav_bar.dart:191:9: Context: Found this candidate, but the arguments don't match. compiler message: const CupertinoSliverNavigationBar({ compiler message: ^ compiler message: lib/ui/widgets/common_scaffold.dart:33:16: Error: Method not found: 'CircularNotchedRectangle'. compiler message: shape: CircularNotchedRectangle(), compiler message: ^^^^^^^^^^^^^^^^^^^^^^^^ compiler message: lib/ui/widgets/common_scaffold.dart:33:9: Error: No named parameter with the name 'shape'. compiler message: shape: CircularNotchedRectangle(), compiler message: ^^^^^ compiler message: file:///Users/prathap/Documents/Flutter%20Development/flutter/packages/flutter/lib/src/material/bottom_app_bar.dart:45:9: Context: Found this candidate, but the arguments don't match. compiler message: const BottomAppBar({ compiler message: ^ Compiler failed on /Users/prathap/Desktop/Flutter/Flutter-UI-Kit/lib/main.dart Error launching application on iPhone X.

    flutter sdk change 
    opened by prathapbez 5
  • Flutter-UI-Kit-master-android-app-build.gradle' line: 16

    Flutter-UI-Kit-master-android-app-build.gradle' line: 16

    **Hi Pawan,

    I am having these issues. Do you know how to correct the issue.**

    Running "flutter packages get" in Flutter-UI-Kit-master... Launching lib/main.dart on Android SDK built for x86 in debug mode... Initializing gradle... Resolving dependencies...

    • Error running Gradle: Exit code 1 from: /Users/niyazitoros/Downloads/Flutter-UI-Kit-master/android/gradlew app:properties:

    FAILURE: Build failed with an exception.

    • Where: Build file '/Users/niyazitoros/Downloads/Flutter-UI-Kit-master/android/app/build.gradle' line: 16

    Finished with error: Please review your Gradle project setup in the android/ folder.

    • What went wrong: A problem occurred evaluating project ':app'.

    versionCode not found. Define flutter.versionCode in the local.properties file.

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 0s

    Check Readme 
    opened by NTMS2017 5
  • I open Shopping Details

    I open Shopping Details " No top-level method '' declared."

    Detail Info: Another exception was thrown: NoSuchMethodError: No top-level method '' declared. Application show this: screenshot_2018-07-04-14-54-10-741_com mtechviral flutteruikit

    Flutter info: Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel dev, v0.5.6, on Microsoft Windows [Version 6.1.7601], locale zh-CN) [!] Android toolchain - develop for Android devices (Android SDK 27.0.3) ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses [√] Android Studio (version 3.1) [√] IntelliJ IDEA Ultimate Edition (version 2017.2) [√] Connected devices (1 available)

    ! Doctor found issues in 1 category.

    flutter sdk change 
    opened by wublack 4
  • text widgets overflowing from credit card in credit card page

    text widgets overflowing from credit card in credit card page

    flutter_02 i will submit a pr for this issue

    bug 
    opened by parth181195 4
  • Gradlew

    Gradlew

    • Error running Gradle: ProcessException: Process "C:\Users\YBECERRIL\Downloads\Flutter UI\android\gradlew.bat" exited abnormally: Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

    FAILURE: Build failed with an exception.

    • Where: Build file 'C:\Users\YBECERRIL\Downloads\Flutter UI\android\app\build.gradle' line: 29

    • What went wrong: A problem occurred evaluating project ':app'.

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 1s Command: C:\Users\YBECERRIL\Downloads\Flutter UI\android\gradlew.bat app:properties

    Please review your Gradle project setup in the android/ folder. Exited (sigterm)

    opened by ADN09 3
  • Flutter run error

    Flutter run error

    I clone the project and flutter run on my local project . logs show something wrong.

    (づ。◕‿‿◕。)づ  PROJECT  cd Flutter-UI-Kit
    (づ。◕‿‿◕。)づ  Flutter-UI-Kit [master] flutter run
    Running "flutter packages get" in Flutter-UI-Kit...          7.8s
    Launching lib/main.dart on iPhone X in debug mode...
    compiler message: lib/ui/widgets/common_scaffold.dart:33:16: Error: Method not found: 'CircularNotchedRectangle'.
    compiler message:         shape: CircularNotchedRectangle(),
    compiler message:                ^^^^^^^^^^^^^^^^^^^^^^^^
    compiler message: lib/ui/widgets/common_scaffold.dart:33:9: Error: No named parameter with the name 'shape'.
    compiler message:         shape: CircularNotchedRectangle(),
    compiler message:         ^^^^^
    compiler message: file:///Users/chengsixgold/PROJECT/flutter/packages/flutter/lib/src/material/bottom_app_bar.dart:45:9: Context: Found this candidate, but the arguments don't match.
    compiler message:   const BottomAppBar({
    compiler message:         ^
    Compiler failed on /Users/chengsixgold/PROJECT/Flutter-UI-Kit/lib/main.dart
    Error launching application on iPhone X.
    
    flutter sdk change 
    opened by ghost 3
  • build for iOS failed

    build for iOS failed

    Waqass-Mac:flutter-ui-kit waqas$ flutter run Launching lib/main.dart on iPhone 6 in debug mode... Starting Xcode build...
    Xcode build done. 1.7s Failed to build iOS app Error output from Xcode build: ↳ ** BUILD FAILED **

    Xcode's output: ↳ === BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug === Debug.xcconfig line 1: Unable to find included file "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig" Debug.xcconfig line 1: Unable to find included file "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig" === BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug === diff: /Podfile.lock: No such file or directory diff: /Manifest.lock: No such file or directory error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation. Could not build the application for the simulator. Error launching application on iPhone 6.

    Kindly guide what to do to run this on iOS Simulator

    duplicate 
    opened by wackyapps 3
  • Error while compiling

    Error while compiling

    error: could not find included file 'Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig' in search paths

    &

    This app is using a deprecated version of the Android embedding. To avoid unexpected runtime failures, or future build failures, try to migrate this app to the V2 embedding.

    opened by Deepp26 0
  • Update and remaining

    Update and remaining

    Hey, awesome project, can you please update this to latest and complete all the coming soon section! Thanks!

    opened by hackdonn 0
  • fixed ReadMe.md formatting issue in License part

    fixed ReadMe.md formatting issue in License part

    Fixed the formatting part in ReadMe for issue #49

    Screenshot of the fix preview in read me: flutter_ui_kit_markedown_issue-fix

    opened by GAM3RG33K 1
  • [MD Formatting] ReadMe's 'License' part is merged with 'Getting started' part

    [MD Formatting] ReadMe's 'License' part is merged with 'Getting started' part

    I was just going through the Read me file and I found that the markdown for Getting started part is covered inside the license text.

    Screenshot: flutter_ui_kit_markedown_issue

    opened by GAM3RG33K 0
  • Older version

    Older version

    Your Flutter application is created using an older version of the Android embedding. It's being deprecated in favor of Android embedding v2.

    This is the error we are getting when we try to run the project

    opened by csgulati09 0
  • Create notification_tile

    Create notification_tile

    notification_tile lets u display notifications just pass the title , thumbnailURL, iconURL and date and u are good to go

    opened by Habeel786 0
  • Add comment in Update main.dart

    Add comment in Update main.dart

    opened by Shubhamraj0106 0
  • Images are not displayed with debug app

    Images are not displayed with debug app

    @iampawan I just built a debug apk (with flutter 1.12.13+hotfix9). And I found all the images that are supposed to be there like screenshots attached in README, now disappeared. See the pictures below.

    Any advice on how to solve this problem ?

    Thanks!

    Screenshot_20200410_121047 Screenshot_20200410_121032

    opened by wull8 3
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 23% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /assets/images/map.png | 60.44kb | 30.30kb | 49.87% | | /raw/fu8.png | 1,148.67kb | 778.96kb | 32.19% | | /raw/fu1.png | 3,506.31kb | 2,448.20kb | 30.18% | | /raw/fu2.png | 1,649.73kb | 1,154.91kb | 29.99% | | /raw/fu7.png | 1,298.79kb | 943.79kb | 27.33% | | /android/app/src/main/res/drawable/ui_kit.png | 3.40kb | 2.47kb | 27.22% | | /raw/flutter_uikit_top.png | 147.23kb | 107.36kb | 27.08% | | /raw/fu10.png | 977.43kb | 734.12kb | 24.89% | | /raw/fu6.png | 1,344.43kb | 1,020.25kb | 24.11% | | /raw/fu3.png | 3,981.07kb | 3,119.07kb | 21.65% | | /raw/fu11.png | 1,143.58kb | 908.04kb | 20.60% | | /raw/fu4.png | 2,043.58kb | 1,634.88kb | 20.00% | | /raw/fu5.png | 3,581.41kb | 2,908.23kb | 18.80% | | /raw/fu9.png | 2,571.39kb | 2,196.12kb | 14.59% | | /raw/fu12.png | 104.88kb | 93.79kb | 10.57% | | /assets/images/setting.jpeg | 91.27kb | 83.06kb | 8.99% | | /assets/images/pk.jpg | 26.55kb | 25.14kb | 5.31% | | /assets/images/timeline.jpeg | 72.39kb | 68.76kb | 5.02% | | /assets/images/dashboard.jpg | 83.44kb | 79.65kb | 4.54% | | /assets/images/blank.jpg | 70.33kb | 67.36kb | 4.22% | | /assets/images/profile.jpg | 55.87kb | 53.63kb | 4.01% | | /assets/images/verification.jpg | 62.89kb | 60.64kb | 3.59% | | /assets/images/payment.jpg | 55.90kb | 54.27kb | 2.91% | | /assets/images/login.jpg | 38.43kb | 37.34kb | 2.84% | | /assets/images/shopping.jpeg | 37.88kb | 36.88kb | 2.65% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] | 10.85kb | 10.68kb | 1.62% | | | | | | | Total : | 24,168.14kb | 18,657.88kb | 22.80% |


    📝docs | :octocat: repo | ??issues | 🏅swag | 🏪marketplace

    opened by imgbot[bot] 0
Releases(v1.0.1)
Owner
Pawan Kumar
GoogleDevExpert for Flutter, Firebase, Dart & Web Tech. Public Speaker, Blogger, Entrepreneur & YouTuber. Founder of MTechViral & Let's Flutter with Dart.
Pawan Kumar
Flutter Responsive Game of Thrones Flutter App Flutter Responsive Game of Thrones Flutter App

got_2019 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

Pawan Kumar 15 Nov 25, 2021
Flutter Gender Prediction App Flutter Gender Prediction App

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

Pawan Kumar 25 Jun 2, 2021
Flutter Login Page Bloc Pattern App Flutter Login Page Bloc Pattern App

gdgbloc 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

Pawan Kumar 95 Oct 12, 2021
Flutter: QR Code Scanner App Flutter: QR Code Scanner App

Flutter QRCode Scanner APP Show some ❤️ and star the repo to support the project A new Flutter project. Features Scan 2D barcodes Scan QR codes Contro

Pawan Kumar 245 Nov 18, 2021
Fingerprint Local Auth App Flutter Advanced Face ID & Touch ID/Fingerprint Local Auth App

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

Pawan Kumar 66 Oct 29, 2021
A Flutter application to demonstrate how to implement Google maps and its advanced options in a flutter app.

google_maps_flutter_example A new Flutter application to demonstrate how to implement flutter google maps in a flutter application and perfoem advance

Hesham Erfan 26 Oct 30, 2021
:atom: 🚀 NLW Quiz Dev - Flutter (a simple flutter quiz app built in Rocketseat Next Level Week)

Que tal acompanhar live codings de projetos reais ao vivo? Segue lá na twitch: Wilson Neto Dev na Twitch Next Level Week - Dev Quiz (NLW) Dev Quiz is

Wilson Neto B.R. 9 Oct 13, 2021
Flutter App using the stack overflow questions api which we made using django.

Flutter StackOverflow App Flutter StackOverflow App using the stack overflow questions api which we made using django. Show some ❤️ and star the repo

Pawan Kumar 177 Nov 18, 2021
Flutter beautiful cocktail app.

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

Pawan Kumar 56 Nov 8, 2021
Responsive Portfolio App Made With Flutter With VelocityX

PortfolioX PortfolioX is a 100% free Flutter open-source resposive app built with Flutter SDK using VelocityX. Demo PortfolioX Show some ❤️ and star t

Pawan Kumar 174 Nov 18, 2021
A Flutter app with firebase libraries implementation

FlutFire A Flutter project with implementation of all firebase libraries for Android and iOS both. Show some ❤️ and star the repo to support the proje

Pawan Kumar 609 Nov 22, 2021
An Login Page App in Flutter with MVP and SQFLITE ( SQLITE) Implementation.

Flutter SQFLITE MVP LOGIN APP A Login Page Flutter App with SQFLITE (SQLITE) and MVP implementation. Written in dart using Flutter SDK. Please don't f

Pawan Kumar 161 Nov 7, 2021
Cryptocurrency App with MVP Design Pattern to track all the coins data in realtime for android & iOS . Written in dart using Flutter SDK.

Flutter CryptoCurrency App (MVP) Cryptocurrency App with MVP design pattern to track all the coins data in realtime for android & iOS . Written in dar

Pawan Kumar 258 Nov 29, 2021
A simple flutter app with demo implementation of redux.

Flutter Redux Tutorial Redux Project is just a quick guide for implementation of redux.dart and flutter_redux . Written in dart using Flutter SDK. Ple

Pawan Kumar 45 Sep 29, 2021
A new Flutter package which helps developers in creating walkthrough of their app.

flutter_walkthrough A new Flutter package for both android and iOS which helps developers in creating animated walkthrough of their app. Show some ❤️

Pawan Kumar 122 Oct 20, 2021
Tutorial for integrating flutter to your new or existing android app.

AddFlutter2Existing Android App Tutorial for adding flutter to your new or existing android app. Link to tutorial Android Create a Flutter module Let'

Pawan Kumar 20 Nov 17, 2021
A Flutter App with Angel backend.

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

Pawan Kumar 12 Aug 25, 2021
A two screen video call app built with flutter with the help of jitsi plugin

flutter_video_call A new Flutter application. Getting Started This project is a starting point for a Flutter application.

Success Charles 26 Nov 22, 2021