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
Flutter-Apps-Collection: a collection of apps made in flutter for learning purpose

Flutter-Apps-Collection This is a repository of a collection of apps made in flutter for learning purpose Some Screenshots . . . Apps build in Flutter

Himanshu Singh 96 May 27, 2022
A Huge Collection of Flutter App templates

Awesome Flutter Templates A Collection of Flutter Application templates. Flutter is Google’s UI toolkit for building beautiful, natively compiled appl

Lokesh Jangid 70 Dec 22, 2022
a small app with a collection to WhatsApp group links

linki A community based app for links to social media groups. Intro Linki is a simple app that shows an interactive list of links to social media grou

Sean 11 Sep 19, 2021
This repository contains Collection of UIs made using Flutter. Original Design of all the UIs were created by someone else. I tried to recreate those UIs using Flutter

Flutter-UIs-Collection This repository contains Collection of UIs made using Flutter. Original Design of all the UIs were created by someone else. I t

Mohak Gupta 45 Nov 26, 2022
Awesome Flutter Snippets is a collection snippets and shortcuts for commonly used Flutter functions and classes

Awesome Flutter Snippets Awesome Flutter Snippets is a collection of commonly used Flutter classes and methods. It increases your speed of development

Neevash Ramdial (Nash) 139 Dec 9, 2022
Collection of cool Layouts built with Flutter to Inspire Other UI developers and explore the possibilities of Flutter.

Awesome_Flutter_Layouts Would you like to Contribute your Designs? Please refer the Contribution guidelines before you dive In Need help? or Looks Som

Mahesh Jamdade 103 Nov 22, 2022
John Pfister 2 Feb 25, 2022
A collection of Animations that aims to improve the user experience for your next flutter project.

Flutter Animations A collection of Animations that aims to improve the user experience for your next flutter project. Built by Ezaldeen SAHB I hope th

Ezaldeen Sahb 134 Dec 24, 2022
A collection of pixel-perfect iOS-styled components and properties for Flutter, following the official guidelines.

cupertinew ⚠️ Experimental and work in progress ⚠️ A collection of pixel-perfect iOS-styled components and properties for Flutter, following the offic

Jeroen Meijer (Jay) 30 Nov 10, 2022
A collection of Flutter apps with some useful tricks

Flutter Apps Collection A simple collection of flutter applications with some common use cases & useful little tricks. The apps have been tested in iO

Anis Benna 5 May 12, 2022
A collection of stylish animated dialogs like Normal, Progress, Success, Info, Warning, and Error for flutter.

stylish_dialog A collection of stylish animated dialogs like Normal, Progress, Success, Info, Warning, and Error for flutter. Showcase ⭐ Installing de

Marsad Maqsood 5 Nov 8, 2022
EZ Flutter is a collection of widgets, packages and many more usefull things, mixed up in little framework.

(Alpha) EZ Flutter is a collection of widgets, packages and many more usefull things, mixed up in a little framework. The aim is to make standard feat

null 65 Nov 5, 2022
A collection of Flutter plugins developed by CACHET

CACHET Flutter plugins This repo contains the source code for Flutter first-party plugins developed by developers at the Copenhagen Center for Health

Copenhagen Center for Health Technology (CACHET) 400 Jan 7, 2023
This repo contains a collection of permission related Flutter plugins which can be used to request permissions to access device resources in a cross-platform way.

Flutter Permission Plugins Deprecation Notice This repository has been replaced by the Flutter permission_handler plugin and will not longer be mainta

Baseflow 51 Dec 13, 2021
A collection of templates to make new Flutter components using the Mason build tool.

Mason Flutter Templates A collection of templates to make new Flutter components using the Mason build tool. Setup in Project To use these templates i

Marcus Twichel 5 Jun 21, 2022
A collection of useful packages maintained by the Flutter team

Flutter Packages This repo is a companion repo to the main flutter repo. It contains the source code for Flutter's first-party packages (i.e., package

Flutter 2.3k Dec 30, 2022
Personal collection of Flutter apps.

Flutter Examples Compilation work in progress. You can find other public samples at https://github.com/joshuadeguzman/flutter-examples-archive. Collec

Joshua de Guzman 612 Dec 24, 2022
Flutter web example with Firebase Authentication, Firestore Collection, BloC Pattern

flutter_auth_web Flutter Firebase auth. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

null 1 Feb 26, 2022
A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField

icon_picker A Flutter widget to show an icon collection to pick. This widget extend TextField and has a similar behavior as TextFormField Usage In the

m3uzz Soluções em TI 11 Sep 27, 2022