[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9424":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":15,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":42,"readmeContent":43,"aiSummary":44,"trendingCount":16,"starSnapshotCount":16,"syncStatus":45,"lastSyncTime":46,"discoverSource":47},9424,"awesome-flutter-ui","ajay-prabhakar\u002Fawesome-flutter-ui","ajay-prabhakar","10+ flutter(android, ios) UI design examples :zap: - login, books, profile, food order, movie streaming, walkthrough, widgets","",null,"Dart",1178,155,25,1,0,54.68,"MIT License",false,"master",true,[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"adobe-xd","android","awesome-list","dart","example","figma","flutter","flutter-apps","flutter-examples","flutter-ui","ios","login","mobile-design","poppins","textfield","ui","ui-design","uikit","ux-ui","2026-06-12 04:00:44","\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111353594-75464080-86ab-11eb-9379-ab07031c1e54.png\" height=\"250\" width=\"450\" \u002F>\n\n\nFlutter UI\u002FUX Examples  🍟 \n==================\n[![Repo](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-Awesome-181717?style=flat-square&logo=github)](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui) [![Flutter](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-Flutter-46d1fd?style=flat-square&logo=flutter)](https:\u002F\u002Fflutter.dev\u002F) [![Hits](https:\u002F\u002Fhits.seeyoufarm.com\u002Fapi\u002Fcount\u002Fincr\u002Fbadge.svg?url=https%3A%2F%2Fgithub.com%2FChromicle%2Fawesome-flutter-ui&count_bg=%231182C2&title_bg=%23585858&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https:\u002F\u002Fhits.seeyoufarm.com)\n\n\n\nLooking for an awesome UI kit for Flutter? \nHere is a curated list of a few awesome Flutter UI design templates to integrate in your Flutter app and save your time on designing widgets. You can check more UI design templates here.\n\n\n**Show some ❤️ and star ⭐ the repo to support the project**\n\n## Index 📝 \n\n 1. [Login Page](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Ftree\u002Fmaster\u002Fawesome_login_page)\n 2. [Movie Streaming App](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Ftree\u002Fmaster\u002Fwalkthrough_screen)\n 3. [Food order app](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Ftree\u002Fmaster\u002Ffood_order_app)\n 4. [Books App](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Ftree\u002Fmaster\u002Fbook_app_ui)\n 5. [Profile Page](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Ftree\u002Fmaster\u002Fprofile_page)\n 6. [Walkthrough Screen](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Ftree\u002Fmaster\u002Fwalkthrough_screen)\n\n\n\u003C\u002Fbr>\n\n\n### 1.  Login Page UI  🍦 \n\n\nGIF  | Screenshot\n------------- | -------------\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F81497942-8120e380-92df-11ea-8cf0-c8669ef47d9b.gif\" heigth=\"400\" width=\"250\"\u002F> | \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111359643-c6f1c980-86b1-11eb-82b7-6daa98d55315.png\" heigth=\"400\" width=\"250\"\u002F>\n\n**Packages in use:**\n 1. [flutter_svg](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_svg)\n 2. [flutter_screenutil](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_screenutil)\n\n**Fonts**\n\n1. [Poppins](https:\u002F\u002Ffonts.google.com\u002Fspecimen\u002FPoppins)\n---\n\n### 2. Movie Streaming App 🍨 \n\n\u003C\u002Fbr>\n\nGIF  | Screenshot\n------ | -----------------\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111354413-4d0b1180-86ac-11eb-93bf-3b46e31da549.gif\" heigth=\"400\" width=\"250\"\u002F> | \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111359618-c0635200-86b1-11eb-8aa1-a62a20900aae.png\" heigth=\"400\" width=\"250\"\u002F>\n\n**Packages in use:**\n1. [flutter_svg](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_svg)\n2. [simple_animations](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fsimple_animations)\n\n**Fonts**\n1. [Poppins](https:\u002F\u002Ffonts.google.com\u002Fspecimen\u002FNunito)\n---\n\n### 3. Food Order app  🎂 \nGIF  | Screenshot\n------------- | -------------\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F83925032-c1229b80-a7a3-11ea-99bd-f2df6169d556.gif\" heigth=\"400\" width=\"250\"\u002F> | \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111359646-c822f680-86b1-11eb-85ae-e3b3e173c823.png\" heigth=\"400\" width=\"250\"\u002F>\n\u003C\u002Fbr>\n\n**Packages in use:**\n\n1. [flutter_svg](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_svg)\n2. [line_awesome_flutter](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fline_awesome_flutter)\n---\n\n### 4. Books app UI  🍨 \n\n\u003C\u002Fbr>\n\nGIF  | Screenshot\n------------- | -------------\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F82415000-80cdd880-9a95-11ea-8e5c-65da78a18fbd.gif\" heigth=\"400\" width=\"250\"\u002F> | \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111359641-c5c09c80-86b1-11eb-9f46-0f8dc1cba18c.png\" heigth=\"400\" width=\"250\"\u002F>\n\n**Packages in use:**\n1. [flutter_svg](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_svg)\n2. [flutter_staggered_grid_view](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_staggered_grid_view)\n\n**Fonts**\n1. [Poppins](https:\u002F\u002Ffonts.google.com\u002Fspecimen\u002FNunito)\n---\n### 5. Profile Page UI  🍧 \n\nGIF  | Screenshot\n------------- | -------------\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F82934546-4094bb80-9fa9-11ea-87e9-ed79af40d46e.gif\" heigth=\"400\" width=\"250\"\u002F> | \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111359645-c78a6000-86b1-11eb-9178-398975080fe7.png\" heigth=\"400\" width=\"250\"\u002F>\n\u003C\u002Fbr>\n\n**Packages in use:**\n\n1. [flutter_svg](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_svg)\n2. [flutter_screenutil](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflutter_screenutil)\n3. [line_awesome_flutter](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fline_awesome_flutter)\n\n**Fonts**\n\n1. [Poppins](https:\u002F\u002Ffonts.google.com\u002Fspecimen\u002FPoppins)\n([Custom Fonts](https:\u002F\u002Fflutter.dev\u002Fdocs\u002Fcookbook\u002Fdesign\u002Ffonts))\n---\n\n\n### 6. Walkthrough Screen 🎂 \n\nThis is a little special... Guess what?\\\n*I implemented this in Kotlin!* 😱\\\nThis is the walk-through screen, that you can adapt according to  your use, by changing images and number of screens. The top slider will scroll on any amount of screens you add!\n\nGIF  | Screenshot\n------------- | -------------\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F89576856-77127080-d84d-11ea-913b-db576702c199.gif\" heigth=\"400\" width=\"250\"\u002F> | \u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F111359650-c9542380-86b1-11eb-88d6-fc0137959757.png\" heigth=\"400\" width=\"250\"\u002F>\n\n**Resources:**\n\n1. Animations: cubic briezer\n2. Primary color: #6C63FF\n3. Images: [undraw.co](https:\u002F\u002Fundraw.co\u002F) \n\n**Fonts**\n\n1. Poppins \n\n\n\u003C\u002Fbr>\n\n# Widgets :rocket:\n\nList of well-designed widgets that you will actually need and find useful rather than overwhelming you with a plethora of low-quality ones.\n\n## Index 📝 \n\n 1. [Rounded input field](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Fblob\u002Fmaster\u002Fwidgets\u002Frounded_input_field.dart)\n 2. [Flushbar alert service](https:\u002F\u002Fgithub.com\u002FChromicle\u002Fawesome-flutter-ui\u002Fblob\u002Fmaster\u002Fwidgets\u002Falert_service.dart)\n \n\u003C\u002Fbr>\n\n### 1.  Rounded Input field 🍦 \n**GIF** \\\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F95119656-ec28f600-0769-11eb-8d29-d5d3e54a7aac.gif\" height=\"250\" width=\"450\" \u002F>\n\n\n**Use**\n```dart\nRoundedInputField(\n    textEditingController: controllerName,\n    hintText: \"Your Email\",\n    icon: Icons.email,\n    cursorColor: Colors.black,\n    editTextBackgroundColor: Colors.grey[200],\n    iconColor: Colors.black,\n    onChanged: (value) {\n      name = value;\n     },\n )\n ```\n---\n\n### 2. Flushbar alert service \n\nTo use this widget you have to include one denpendency called [flushbar](https:\u002F\u002Fpub.dev\u002Fpackages\u002Fflushbar) in your `pubspec.yaml`, if you want error alert you have to give `AlertType.error` in type feild same applies to warning \\\n**GIF** \\\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F95247709-d54ed600-0833-11eb-92ab-42615c09a352.gif\" height=\"150\" width=\"500\" \u002F>\n\n**Use**\n```dart\nCustomButton(\n    text: \"Add to Cart\",\n    onPressed: () {\n      AlertService().showAlert(\n         context: context,\n         message: 'product has been added to cart',\n         type: AlertType.success,\n         );\n     },\n )\n```\n\n\n\u003C\u002Fbr>\n\n\n### Doremon 🐱\nAny doremon fans here? For relaxation I design some of cartoons \n\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F48018942\u002F98547830-c047e580-22be-11eb-9d8d-1f1a8674fdc7.png\" heigth=\"400\" width=\"400\"\u002F>\nThanks for coming here from doremon :xD\n\n\n### Author(s) ✍️\n1. [![Ajay Prabhakar](https:\u002F\u002Favatars3.githubusercontent.com\u002Fu\u002F48018942?v=3&s=32) @chromicle ](https:\u002F\u002Fgithub.com\u002Fchromicle) \n\n### Looking to contribute? :computer:\nPlease read [CONTRIBUTING.md][contributor-guide] before writing a pull request. Any and all help we can get is welcome :)\n\n### License :memo:\nThis repository is licensed under MIT License. Find [LICENSE][license] to know more.\n\n### Note\n\nThese examples are open to all kinds of contribution in all of its categories. **dude, they are completely free**😜 \\\nIf you found this project useful, then please consider giving it a :star: on Github and sharing it with your friends via social media⚡. \\\nHappy Coding 💻.\n\n[contributor-guide]: CONTRIBUTING.md\n[license]: LICENSE\n","awesome-flutter-ui 是一个包含10多个 Flutter UI 设计示例的项目，适用于 Android 和 iOS 平台。该项目提供了多种常用的界面设计模板，如登录页、书籍应用、个人资料页、食品订购应用、电影流媒体应用以及引导页等，帮助开发者快速集成高质量的 UI 组件到自己的 Flutter 应用中，节省设计时间。使用的技术包括 Dart 语言和一些流行的 Flutter 包，如 flutter_svg 和 simple_animations，并采用了 Poppins 字体以提升视觉体验。此项目非常适合需要加速开发流程或寻找灵感的移动应用开发者。",2,"2026-06-11 03:22:35","top_language"]