forked from lkrjangid1/Awesome-Flutter-Templates
-
Notifications
You must be signed in to change notification settings - Fork 0
/
README.md
219 lines (148 loc) · 25.1 KB
/
README.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
# <a href="https://lkrjangid1.github.io/Awesome-Flutter-Templates/">Awesome Flutter Templates</a>
     
<a href='https://devlibrary.withgoogle.com/products/flutter/repos/lkrjangid1-Awesome-Flutter-Templates'></a>
A Collection of Flutter Application templates.
<a href="https://flutter.dev/">Flutter</a> is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
<img src="https://user-images.githubusercontent.com/64513385/113325213-c144e680-9335-11eb-9280-37ae5d915db2.png" align="center" width="950">
## Add this badge in your repo <a href='https://github.com/lkrjangid1/Awesome-Flutter-Templates/'></a>
```
<a href='https://github.com/lkrjangid1/Awesome-Flutter-Templates/'></a>
```
# Pages
- <a href='https://github.com/lkrjangid1/Awesome-Flutter-Templates'>Page1</a>
- <a href='https://github.com/lkrjangid1/Awesome-Flutter-Templates/blob/main/Page2.md'>Page2</a>
- <a href='https://github.com/lkrjangid1/Awesome-Flutter-Templates/blob/main/Page3.md'>Page3</a>
<hr/>
## <a href='https://github.com/mitesh77/Best-Flutter-UI-Templates'>Best Flutter UI Templates</a>
<img src="https://raw.githubusercontent.com/mitesh77/Best-Flutter-UI-Templates/master/images/custom_drawer.gif" height="300em"><img src="https://raw.githubusercontent.com/mitesh77/Best-Flutter-UI-Templates/master/images/design_course.gif" height="300em"><img src="https://raw.githubusercontent.com/mitesh77/Best-Flutter-UI-Templates/master/images/hotel_booking.gif" height="300em" /><img src="https://raw.githubusercontent.com/mitesh77/Best-Flutter-UI-Templates/master/images/custom_drawer.gif" height="300em" />
## <a href='https://github.com/subhamayd2/day_night_time_picker'>Day Night Time Picker</a>
<img src="https://raw.githubusercontent.com/subhamayd2/day_night_time_picker/master/example.gif">
## <a href='https://github.com/imaNNeoFighT/fl_chart'>FL Chart</a>
|LineChart |BarChart |PieChart |
|:------------:|:------------:|:-------------:|
| [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/line_chart.md#sample-1-source-code) [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/line_chart.md#sample-2-source-code) | [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/bar_chart.md#sample-1-source-code) [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/bar_chart.md#sample-2-source-code) | [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/pie_chart.md#sample-1-source-code) [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/pie_chart.md#sample-2-source-code) |
|[Read More](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/line_chart.md)|[Read More](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/bar_chart.md)|[Read More](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/pie_chart.md)|
|ScatterChart |RadarChart| Coming Soon|
|:------------:|:------------:|:-------------:|
| [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/scatter_chart.md#sample-1-source-code) [](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/scatter_chart.md#sample-2-source-code) |  | |
|[Read More](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/scatter_chart.md)|[Read More](https://github.com/imaNNeoFighT/fl_chart/blob/master/repo_files/documentations/radar_chart.md)||
## <a href='https://github.com/robertodevs/flutter_ecommerce_template'>Shope - Free Flutter eCommerce Template</a>
<img src='https://raw.githubusercontent.com/robertodevs/flutter_ecommerce_template/master/assets/promotional/Mockup%20Intro.png'>
## <a href='https://github.com/ahkohd/FlutterGrocery-ShoppingAppUI'>Fryo - Grocery Shopping App template kit</a>
<img src="https://raw.githubusercontent.com/ahkohd/FlutterGrocery-ShoppingAppUI/master/screenshots/1.png" width="300"><img src="https://raw.githubusercontent.com/ahkohd/FlutterGrocery-ShoppingAppUI/master/screenshots/2.png" width="300"><img src="https://raw.githubusercontent.com/ahkohd/FlutterGrocery-ShoppingAppUI/master/screenshots/3.png" width="300"><img src="https://raw.githubusercontent.com/ahkohd/FlutterGrocery-ShoppingAppUI/master/screenshots/4.png" width="300"><img src="https://raw.githubusercontent.com/ahkohd/FlutterGrocery-ShoppingAppUI/master/screenshots/5.png" width="300"><img src="https://raw.githubusercontent.com/ahkohd/FlutterGrocery-ShoppingAppUI/master/screenshots/6.png" width="300">
## <a href='https://github.com/urmilshroff/dashboard_reborn'>Dashboard Reborn✨</a>
<img src="https://raw.githubusercontent.com/urmilshroff/dashboard_reborn/master/branding/gifs/1.gif" width="300"><img src="https://raw.githubusercontent.com/urmilshroff/dashboard_reborn/master/branding/gifs/2.gif" width="300">
<img src="https://raw.githubusercontent.com/urmilshroff/dashboard_reborn/master/branding/gifs/3.gif" width="300">
## <a href='https://github.com/TheAlphamerc/flutter_twitter_clone'>Fwitter - Twitter clone in flutter</a>
Welcome Page | Login Page | Signup Page | Forgot Password Page
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Home Page Sidebaar | Home Page | Home Page | Home Page
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Compose Tweet Page | Reply To Tweet | Reply to Tweet | Compose Retweet with comment
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Tweet Detail Page | Tweet Thread | Nested Tweet Thread | Tweet options
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Notification Page | Notification Page | Notification Page | Notification Setting Page
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Profile Page | Profile Page | Profile Page | Profile Page
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Select User Page | Chat Page | Chat Users List | Conversation Info Page
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Search Page | Search Setting Page | Tweet Options - 1 | Tweet Options - 2
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Setting Page | Account Setting Page | Privacy Setting Page | Privacy Settings Page
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Content Prefrences Page | Display Setting Page | Data Settings Page | Accessibility Settings
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
Users who likes Tweet | About Setting Page | Licenses Settings | Settings
:-------------------------:|:-------------------------:|:-------------------------:|:-------------------------:
||||
## <a href='https://github.com/JideGuru/FlutterEbookApp'>📖📖 Flutter eBook App</a>
| Light | Dark |
| --------------------------------- | --------------------------------- |
| <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/1.png" width="400"> | <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/2.png" width="400"> |
| <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/3.png" width="400"> | <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/4.png" width="400"> |
| <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/5.png" width="400"> | <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/6.png" width="400"> |
| <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/7.png" width="400"> | <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/8.png" width="400"> |
| <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/9.png" width="400"> | <img src="https://github.com/JideGuru/FlutterEbookApp/master/ss/10.png" width="400"> |
| <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/11.png" width="400"> | <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/12.png" width="400"> |
| <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/13.png" width="400"> | <img src="https://raw.githubusercontent.com/JideGuru/FlutterEbookApp/master/ss/14.png" width="400"> |
## <a href='https://github.com/bimsina/FlutterUITemplates'>Flutter UI Templates</a>
| | | |
| --- | ---| ---|
|  |  |  |
|  | | |
## <a href='https://github.com/naveenjujaray/DeveloperFolio'>DeveloperFolio</a>
### Dark Mode
### Desktop View
### Tablet View
### Mobile View
## <a href='https://github.com/Lastmentor/Flutter_SmartHome_Page_UI'>DeveloperFolio</a>
## <a href='https://github.com/alistairholmes/flutter_login_kit'>Flutter_login_kit</a>
Create Account Screen | Login Screen | Success Screen
------------ | -------------|--------------
 |  | 
## <a href='https://github.com/xuexiangjys/flutter_template'>flutter_template</a>
[](https://starchart.cc/xuexiangjys/flutter_template)
## <a href='https://github.com/ha-yi/flutter_showcases_bdd_mataram'>flutter_showcases_bdd_mataram</a>
BukanLapak Screen
<img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/bl.png" alt="drawing" width="200"/>
Simple Animated parallax scrolling apps
| <img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/gp1.png" alt="drawing" width="200"/>
| <img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/gp2.png" alt="drawing" width="200"/>
| <img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/gp3.png" alt="drawing" width="200"/>
|
Gojek UI Clone
| <img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/rj_splash.png" alt="drawing" width="200"/>
| <img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/rj_login.png" alt="drawing" width="200"/>
| <img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/rj_phone.png" alt="drawing" width="200"/>
| <img src="https://github.com/ha-yi/flutter_showcases_bdd_mataram/blob/master/images/rj_home.png" alt="drawing" width="200"/>
## <a href='https://github.com/payam-zahedi/flutter_doto2_heroes'>flutter_doto2_heroes</a>
<img src="https://raw.githubusercontent.com/payam-zahedi/flutter_doto2_heroes/master/assets/image/demo/screen_shot1.png" width="24%"> <img src="https://raw.githubusercontent.com/payam-zahedi/flutter_doto2_heroes/master/assets/image/demo/screen_shot2.png" width="24%"> <img src="https://raw.githubusercontent.com/payam-zahedi/flutter_doto2_heroes/master/assets/image/demo/screen_shot3.png" width="24%"> <img src="https://raw.githubusercontent.com/payam-zahedi/flutter_doto2_heroes/master/assets/image/demo/screen_shot4.png" width="24%">
## <a href='https://github.com/JideGuru/FlutterSocialAppUIKit'>🔥🔥 Flutter Social App</a>
<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/1.png"/>
<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/2.png"/>
| Light| Dark|
|------|-------|
|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/3.png" width="400">|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/4.png" width="400">|
|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/5.png" width="400">|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/6.png" width="400">|
|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/7.png" width="400">|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/8.png" width="400">|
|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/9.png" width="400">|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/10.png" width="400">|
|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/11.png" width="400">|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/12.png" width="400">|
|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/13.png" width="400">|<img src="https://raw.githubusercontent.com/JideGuru/FlutterSocialAppUIKit/master/ss/14.png" width="400">|
## <a href='https://github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard'>Responsive Admin Panel or Dashboard - Flutter UI</a>
## <a href='https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter'>GZXTaoBaoAppFlutter</a>
## 首页 搜索宝贝
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/首页.gif" width="414" hegiht="736" align=center /><img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/搜索宝贝.gif" width="414" hegiht="736" align=center />
## 微淘 消息
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/微淘.gif" width="414" hegiht="736" align=center /><img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/消息.gif" width="414" hegiht="736" align=center />
## 购物车 我的淘宝
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/购物车.gif" width="414" hegiht="736" align=center /><img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/我的淘宝.gif" width="414" hegiht="736" align=center />
# 示例图片
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/首页.PNG" width="414" hegiht="736" align=center /> <img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/首页1.PNG" width="414" hegiht="736" align=center />
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/搜索结果List.PNG" width="414" hegiht="736" align=center /><img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/搜索结果Grid.PNG" width="414" hegiht="736" align=center />
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/搜索结果筛选.PNG" width="414" hegiht="736" align=center /> <img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/搜索结果筛选1.PNG" width="414" hegiht="736" align=center />
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/微淘.PNG" width="414" hegiht="736" align=center /> <img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/微淘1.PNG" width="414" hegiht="736" align=center />
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/消息.PNG" width="414" hegiht="736" align=center /> <img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/聊天.PNG" width="414" hegiht="736" align=center />
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/购物车.PNG" width="414" hegiht="736" align=center /> <img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/我的淘宝.PNG" width="414" hegiht="736" align=center />
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/我的淘宝1.PNG" width="414" hegiht="736" align=center /> <img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/搜索.PNG" width="414" hegiht="736" align=center />
<img src="https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter/blob/master/preview_images/搜索关键字列表.PNG" width="414" hegiht="736" align=center />
<a href='https://github.com/lkrjangid1/Awesome-Flutter-Templates/blob/main/Page2.md'>Go to Page2 --></a>