Awesome Flutter Templates
A Huge Collection of Flutter App templates
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. The project is written primarily in HTML, distributed under the MIT License license, first published in 2021. Key topics include: android, android-application, flutter, flutter-apps, flutter-examples.
<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://lkrjangid1.github.io/Awesome-Flutter-Templates/'>Page1</a>
- <a href='https://lkrjangid1.github.io/Awesome-Flutter-Templates/Page2.html'>Page2</a>
- <a href='https://lkrjangid1.github.io/Awesome-Flutter-Templates/Page3.html'>Page3</a>
- <a href='https://lkrjangid1.github.io/Awesome-Flutter-Templates/Page4.html'>Page4</a>
<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 |
|---|---|---|
![]() | ![]() | ![]() |
| Read More | Read More | Read More |
| ScatterChart | RadarChart | Coming Soon |
|---|---|---|
![]() | ![]() | ![]() |
| Read More | Read More |
<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/SzilvasiPeter/grocery_shopping_template'>Fryo - Grocery Shopping App template kit</a>
<img src="https://github.com/SzilvasiPeter/grocery_shopping_template/raw/main/screenshots/welcome_page.png" width="300"><img src="https://github.com/SzilvasiPeter/grocery_shopping_template/raw/main/screenshots/signup_page.png" width="300"><img src="https://github.com/SzilvasiPeter/grocery_shopping_template/raw/main/screenshots/signin_page.png" width="300"><img src="https://github.com/SzilvasiPeter/grocery_shopping_template/raw/main/screenshots/dashboard_page.png" width="300"><img src="https://github.com/SzilvasiPeter/grocery_shopping_template/raw/main/screenshots/product_page.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>
<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='./Page2.html'>Go to Page2 --></a>
Contributors
Showing top 5 contributors by commit count.





























































