Flutter-UI-Kits - GitLite

KO | EN

gitlite — search

#typescript #golang #android #rust #deep-learning #linux #docker #cli #kubernetes #awesome-list #pytorch #security #ios #open-source

Flutter-UI-Kits

(★ 1,533)

Flutter UI Designs !!

파일 탐색기

최종 버전 다운로드 (.zip)

- - org.eclipse.buildship.core.prefs
- - .classpath
  - .project
  - build.gradle
- .project
- build.gradle
- gradle.properties
- settings.gradle
- CartIcons.ttf
- animated_bottom_bar.gif
- ezgif.com-crop.gif
- fancy_bar_v2.gif
- menu_icon.png
- Simulator Screen Shot - iPhone XR - 2019-02-16 at 19.40.34.png
- tabLyout.gif
- - AppFrameworkInfo.plist
  - Debug.xcconfig
  - Release.xcconfig
- - AppDelegate.h
  - AppDelegate.m
  - Info.plist
  - main.m
- - project.pbxproj
- - contents.xcworkspacedata
- - animated_bottom_bar.dart
- - flutter_form.dart
  - toast.dart
- - auth.dart
  - home_page.dart
  - phone_verify.dart
  - welcome.dart
- - edit_note.dart
  - note_home.dart
  - utility.dart
- - buttons.dart
  - floatin_tuto.dart
  - floating_button.dart
  - snackbar.dart
  - tabs.dart
- - cart_icons_icons.dart
- main.dart
- attachment.jpg
- preview.jpg
- Screenshot 2019-04-28 at 12.01.16 AM.png
- Screenshot 2019-04-28 at 12.01.23 AM.png
- Screenshot 2019-04-28 at 12.01.36 AM.png
- Screenshot 2019-04-28 at 12.01.54 AM.png
- widget_test.dart
.gitattributes
.gitignore
.metadata
pubspec.yaml
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/leo-elstin/Flutter-UI-Kits

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd Flutter-UI-Kits

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Gradle (Java/Kotlin)

보통 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
JDK (Java) Java/Kotlin 프로젝트를 빌드/실행하려면 필요합니다.
Gradle 레포에 포함된 gradlew(Gradle Wrapper)를 쓰면 Gradle을 따로 설치할 필요가 없습니다.

cd android/app

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

./gradlew build

Gradle로 빌드를 진행합니다.

✅ BUILD SUCCESSFUL 메시지가 뜨면 성공입니다. build/ 폴더에 결과물이 생성됩니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### Flutter UI Kits

This project contains various inspired UI kits purely coded in Flutter framework.

### Animated BottomBar ([Fancy Bar v1.2.0](https://pub.dev/packages/fancy_bar#-readme-tab- "Fancy Bar v1.2.0"))

Available as a seprate Package @pub
Clone the project [here.](https://github.com/leoelstin/fancy_bar "here.")

### V1
![alt text](https://raw.githubusercontent.com/leoelstin/Flutter-UI-Kits/master/images/ezgif.com-crop.gif)

### V2
![alt text](https://github.com/leoelstin/Flutter-UI-Kits/blob/master/images/fancy_bar_v2.gif?raw=true)

An animated bottom bar with AnimatedSwitcher.

Sample Code ::

InkWell(
              onTap: () => setItem(3),
              child: Container(
                  width: 100,
                  height: 55,
                  alignment: Alignment.center,
                  child: AnimatedSwitcher(
                    transitionBuilder:
                        (Widget child, Animation<double> animation) {
                      return ScaleTransition(
                        scale: animation,
                        child: child,
                      );
                    },
                    duration: Duration(milliseconds: 250),
                    child: pos == 3
                        ? Text('Profile',
                            style: TextStyle(
                                color: Colors.blue,
                                fontWeight: FontWeight.bold,
                                fontSize: 18))
                        : Icon(Icons.account_circle),
                  )),
            ),

### Wallpaper UI Kit

![alt text](https://raw.githubusercontent.com/leoelstin/Flutter-UI-Kits/master/screenshots/attachment.jpg?raw=true)

## Grocery UI Kit
![alt text](https://github.com/leoelstin/flutter_widgets/blob/master/screenshots/preview.jpg?raw=true)

Designed by **[Ishan Madushka](https://www.uplabs.com/ishan_madushka)**

# Feel free to star and fork the project

I'll continue to work on this project as im learning the flutter framework. 
This app is based on a learning course from Udemy with my own customization to make the app look good.

## Features

### Grocery UI Kit

![alt text](https://github.com/leoelstin/flutter_widgets/blob/master/screenshots/Screenshot%202019-04-28%20at%2012.01.16%20AM.png?raw=true) ![alt text](https://github.com/leoelstin/flutter_widgets/blob/master/screenshots/Screenshot%202019-04-28%20at%2012.01.23%20AM.png?raw=true) ![alt text](https://github.com/leoelstin/flutter_widgets/blob/master/screenshots/Screenshot%202019-04-28%20at%2012.01.36%20AM.png?raw=true)

UI Kit is not completed more # Stars will motivate me work more

Donations
---------

This project needs you! If you would like to support this project's further development, the creator of this project or the continuous maintenance of this project, feel free to donate. Your donation is highly appreciated (and I love food, coffee and beer). Thank you!

**PayPal**

* **[Donate $5](https://www.paypal.me/leoelstin/5)**: Thank's for creating this project, here's a coffee (or some beer) for you!
* **[Donate $10](https://www.paypal.me/leoelstin/10)**: Wow, I am stunned. Let me take you to the movies!
* **[Donate $15](https://www.paypal.me/leoelstin/15)**: I really appreciate your work, let's grab some lunch!
* **[Donate $25](https://www.paypal.me/leoelstin/25)**: That's some awesome stuff you did right there, dinner is on me!
Of course, you can also choose what you want to donate, all donations are awesome!