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/).
Comments
  • 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
  • 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 ADNMX 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
  • 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
  • Is this repository just a clickbait?

    Is this repository just a clickbait?

    I downloaded the application, installed the repository and can not find the main layout described in the repository:

    https://github.com/iampawan/Flutter-UI-Kit/raw/master/raw/fu12.png

    I did not find it, or is it clickbait? Just the layout defined as cover and described as "Flutter Ui Kit" does not exist in the repository.

    opened by jonataslaw 2
  • Got this warning, is this bad?

    Got this warning, is this bad?

    Having BuildContext _context;

    Generates this warning:

    This class is marked as '@inmutable', but one or more of its instance fields are not final: LoginPage._context

    so how can we have global vars?

    Thanks for your help ;)

    opened by dannycortesv 2
  •  dashboard 2 onPressed doesnt work

    dashboard 2 onPressed doesnt work

    Hi Pawan,

    The dashboard 2 onPressed doesnt work

    new SizedBox.fromSize( size: Size.square(_myWidth / 5), child: Card( color: Colors.yellow.shade900, child: LabelBelowIcon( betweenHeight: 5.0, icon: Icons.shop, label: "Harcama", iconColor: Colors.white, isCircleEnabled: false, onPressed: () { Navigator.pop( context, new MaterialPageRoute( builder: (context) => new MySpending(title: "MySpending"))); }, ), ), ),

    opened by NTMS2017 2
  • 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
  • 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
  • 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
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
A collection of sample apps that use Stream

Flutter samples Quick Links Register to get an API key for Stream Chat Flutter Chat Tutorial Chat UI Kit Flutter SDK Repo What is Stream? Stream allow

Stream 247 Dec 21, 2022
App-flutter-travel-app - Travel App Built Using Flutter

App-flutter-travel-app - Travel App Built Using Flutter

Sangvaleap Vanny 69 Dec 4, 2022
The Medito app is a 100% free meditation app built with flutter. The app is available on Android and iOS.

Medito App Meditation can positively transform people's lives. We believe no one should have to pay for it. We are the Medito Foundation, and we've bu

Medito Foundation 438 Dec 26, 2022
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 16 Jun 9, 2022
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 30 May 31, 2022
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 99 Oct 20, 2022
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 250 Nov 10, 2022
Phone-Store-App-UI-Flutter - Flutter Phone E-Store App UI with support for dark and light mode

Phone-Store-App-UI-Flutter - Flutter Phone E-Store App UI with support for dark and light mode

Jakub Sobański 2 Apr 30, 2022
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 71 Dec 17, 2022
A Flutter app that demonstrates how to build a simple app using the SpaceX API created by the Very Good Ventures Team.

SpaceX Demo Developed with ?? by Very Good Ventures ?? A Flutter app that demonstrates how to build a simple app using the SpaceX API created by the V

Very Good Ventures 120 Dec 27, 2022
Package your Flutter app into OS-specific bundles (.app, .exe, etc.) via Dart or the command line.

flutter_app_packager Package your Flutter app into OS-specific bundles (.app, .exe, etc.) via Dart or the command line. The flutter_app_packager sourc

LeanFlutter 415 Jan 8, 2023
Flutter Sound Editing App - Midia App

Flutter Sound Editing App - Midia App I uploaded on youtube!! Thanks to Watch And Thanks to Subscribe!!! Introduction I'm working on a project to laun

Lomio 3 Nov 1, 2021
mezza 0 Nov 24, 2021
News app - News App using Flutter and Firebase Auth

News App in Flutter using Firebase Auth, Firebase Realtime Database & Times of I

Raunak Chatterjee 6 Nov 6, 2022
Take Out app - food delivery app with flutter

About take-out-app project Screenshots from the projects ![alt text]( ]())

Shohruh_Sharipov 4 Sep 21, 2022
Movie Database app - A Flutter app project that allows users to search for a movie or tv series

Movie Database app is a Flutter app project that allows users to search for a movie or tv series, see the detail, season & episode, and save watchlist.

Codestronaut Hub 42 Jan 5, 2023
BMI App - The personal documentation while learning Multi Provider with Flutter by making BMI Calculator app

BMI App - The personal documentation while learning Multi Provider with Flutter by making BMI Calculator app

null 0 Feb 13, 2022
A flutter musical app showing different sounds in the app

Xylophone_App_With_BuildKeyFunc A new Flutter project. A musical app showing different sounds in the app. Build key function is made in this app to si

Avinandan Bose 1 Mar 22, 2022