[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9135":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":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":22,"defaultBranch":23,"hasWiki":21,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":15,"starSnapshotCount":15,"syncStatus":16,"lastSyncTime":34,"discoverSource":35},9135,"flutter_ui_challenges","lohanidamodar\u002Fflutter_ui_challenges","lohanidamodar","Updated for Flutter 3.x ** 100+ Professional UI implementations with Code in Flutter. Available in Android, iOS, Linux and Web","",null,"Dart",4766,1398,1,0,2,3,6,31.44,"MIT License",true,false,"master",[25,26,27,28,29,30],"flutter","flutter-demo","flutter-examples","flutter-ui","flutter-ui-challenges","flutter-widget","2026-06-12 02:02:03","# Flutter UI Challenges\n\nMy effort on replicating various apps UI on flutter.\n\n> 🎉 Exciting News! 🎉\n> \n> Level up your Flutter skills in just 30 days with 🚀 [30DaysMasterFlutter](https:\u002F\u002Fappwriters.dev\u002F30days\u002Fflutter) 🚀\n>\n> 👨‍💻 [Join the fun and become a Flutter pro!](https:\u002F\u002Fappwriters.dev\u002F30days\u002Fflutter) 💪👩‍💻\n\n## Live\n\n[Flutter UI Challenges Web](https:\u002F\u002Flohanidamodar.github.io\u002Fflutter_ui_challenges\u002F#\u002F)\n\n[\u003Cimg src=\"screenshots\u002Fplay-store-logo.png\" width=\"150\" >](https:\u002F\u002Fplay.google.com\u002Fstore\u002Fapps\u002Fdetails?id=com.popupbits.flutteruichallenges) [\u003Cimg src=\"screenshots\u002Fapp-store-logo.png\" width=\"150\" >](https:\u002F\u002Fapps.apple.com\u002Fnp\u002Fapp\u002Fflutter-ui-challenges\u002Fid1473537882) [![Get it from the Snap Store](https:\u002F\u002Fsnapcraft.io\u002Fstatic\u002Fimages\u002Fbadges\u002Fen\u002Fsnap-store-black.svg)](https:\u002F\u002Fsnapcraft.io\u002Fflutter-ui-challenges)\n\n## Building and running the code [ **Updated** ]\n\n- Should work on all platforms with Flutter Stable Release\n\n### Table of contents\n- **[Animation Examples UI](#animations)**\n- **[Ecommerce UIs](#ecommerce)**\n- **[Login\u002Fsignup UIs](#user-flow-screens)**\n- **[Settings UIs](#settings-uis)**\n- **[Dashboard UIs](#dashboard-uis)**\n- **[Quotes App UIs](#quotes-app-uis)**\n- **[Motorbike App UIs](#motorbike-app-uis)**\n- **[Profile UIs](#profile-screens)**\n- **[Invitation App UIs](#inviation-app-ui)**\n- **[Lists UIs](#lists-uis)**\n- **[Navigation UIs](#navigations)**\n- **[Onboarding UIs](#onboarding-screens)**\n- **[Miscellaneous UIs](#miscellaneous-widgets)**\n- **[Blog UIs](#blog)**\n- **[Food App UIs](#food-app)**\n- **[Quiz App UIs](#quiz-app)**\n- **[Todo App UIs](#todo-app)**\n- **[Hotel App UIs](#hotel-app)**\n- **[Travel App UIs](#travel-app)**\n- **[Grocery App UI Kit](#grocery-app-ui-kit)**\n- **[Bank App Clone](#bank-app-clone)**\n- **[Furniture App UI](#furniture-app-ui)**\n\n## Contributors\n\n1. [Damodar Lohani](https:\u002F\u002Fgithub.com\u002Flohanidamodar)\n2. [Aparna Dulal] (https:\u002F\u002Fgithub.com\u002Fambikadulal)\n2. [Sudip Thapa](https:\u002F\u002Fgithub.com\u002Fsudeepthapa)\n3. [Shyam Adhikari (UI\u002FUX Designer)](http:\u002F\u002Fuilearner.com)\n4.  [Mausam Rayamajhi](https:\u002F\u002Fgithub.com\u002FmausamRayamajhi)\n5. [Siddhartha Joshi](https:\u002F\u002Fgithub.com\u002Fcimplesid)\n\n## Packages Used\n\n- Flutter Swiper (https:\u002F\u002Fpub.dartlang.org\u002Fpackages\u002Fflutter_swiper_null_safety)\n- Flutter Custom Clippers (https:\u002F\u002Fpub.dartlang.org\u002Fpackages\u002Fflutter_custom_clippers)\n\n## Credits\n\nThe code for Springy Widget is taken and refactored from (https:\u002F\u002Fgithub.com\u002Fmatthew-carroll\u002Fflutter_ui_challenge_springy_slider)\n\n## Animations\n\n\u003Cimg src=\"screenshots\u002Fanim5.gif\" height=\"480px\" > \u003Cimg src=\"screenshots\u002Fanimated_bottom_nav.gif\" height=\"480px\" > \u003Cimg src=\"screenshots\u002Fanim3.gif\" height=\"480px\" > \u003Cimg src=\"screenshots\u002Fanimation2.gif\" height=\"480px\" > \u003Cimg src=\"screenshots\u002Fanimation1.gif\" height=\"480px\" >\n\n## Ecommerce\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fcart3.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fcart2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fecommerce4.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fcheckout1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fecommerce_details3.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fhome_page1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fconfirm_order1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fcart1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fecommerce1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fecommerce2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fecommerce_detail1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fecommerce_detail2.png\">\n\n## User Flow Screens\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fsignup3.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin14.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin13.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin12.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin10.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin9.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin8.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fauth3-1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fauth3-2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin7.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fsignup2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin6.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fauth2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin5.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fauth1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin4.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flogin3.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fsignup1.png\">\n\n## Settings UIs\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fsettings1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fsettings2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fsettings3.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofilesetting.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fsettings4.jpg\">\n\n## Dashboard UIs\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fdash1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdash2.png\">  \u003Cimg height=\"480px\" src=\"screenshots\u002Fdash3.png\">\n\n## Quotes App UIs\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fquotes1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fquotes2.jpg\"> \n\n## Motorbike App UIs\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fbikeshop.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fbike1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fbike2.png\">\n\n## Profile Screens\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile12.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile11.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile10.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile9.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile8.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile7.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile4.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile3.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fp6.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile5.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fprofile2.png\">\n\n## Inviation App UI\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Finvitation1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Finauth.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Finland.png\">\n\n## Lists UIs\n\n\u003Cimg src=\"screenshots\u002Fgrid_view.jpg\" height=\"480px\"> \u003Cimg height=\"480px\" src=\"screenshots\u002FschoolList.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fplace list.png\">\n\n## Navigations\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fmenu2.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fmenu1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fbottom.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdrawer2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdark_drawer_nav.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fhidden_menu1.gif\">\n\n## Onboarding Screens\n\n(Smart walled onboarding is from https:\u002F\u002Fwww.uplabs.com\u002Fposts\u002Fsmart-wallet-onboarding)\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fintro6.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fintro4.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fonboard3.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fonboard2.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fonboarding1.gif\">\u003Cimg height=\"480px\" src=\"screenshots\u002Fi5.gif\">\n\n## miscellaneous widgets\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fwhatsapp.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fyoutube.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fotp1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fgallery1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fmusicplayer2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fimage-popup.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdash3.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdash2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fchat2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdash1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fchatui.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Flanding1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fform.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fsliders.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdialog2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fdialog1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fhidden_menu1.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fspringy_slider.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fsliverappbar1.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fhero-animation.gif\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fbtm2.png\">\u003Cimg height=\"480px\" src=\"screenshots\u002Fmusic.png\"> \u003Cimg src=\"screenshots\u002Fcrop1.png\" height=\"480px\" >\n\n## Blog\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fnews1.png\" > \u003Cimg height=\"480px\" src=\"screenshots\u002Fsports_news1.png\" > \u003Cimg height=\"480px\" src=\"screenshots\u002Fblog-home1.png\" > \u003Cimg height=\"480px\" src=\"screenshots\u002Farticle2.png\" > \u003Cimg height=\"480px\" src=\"screenshots\u002Farticle1.png\" >\n\n## Food App\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Ffood_checkout_1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Frecipe-single.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Frecipe-list.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Frecipe_details1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Favocado.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fcake.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ffdhome.png\">\n\n## Quiz App\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fquiz1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fquiz2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fquiz3.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fquiz5.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fquiz6.png\">\n\n## Todo App\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Ftodo_home3.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ftodo_home2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ftodo2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ftodohome1.png\">\n\n## Hotel App\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Froom-details.png\">\u003Cimg height=\"480px\" src=\"screenshots\u002Fhotelbooking.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fhotel-home.png\">\n\n## Travel App\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Ftravelstory.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ftravel_home1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fthome.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ftdetails.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ftravel_nepal.gif\">\n\n## grocery App UI Kit\n\n(design credit: https:\u002F\u002Fwww.uplabs.com\u002Fposts\u002Fgrocery-app-kit)\n\n### Whats implemented\n\n- Working bottom navigator to show different pages\n- Navigation push\u002Fpop to show details page\n- Stateless & Stateful Widgets\n- Custom widgets for list items, category items etc.\n\n \u003Cimg height=\"480px\" src=\"screenshots\u002Fgrocery_home.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fgrocery_details.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fgrocery_cart.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fgrocery_wishlist.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fgrocery_options.png\">\n\n## Bank App Clone\nBank app clone by [Mausam Rayamajhi](https:\u002F\u002Fgithub.com\u002FmausamRayamajhi)\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fnic1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fnic2.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fnic3.png\">\n\n## Furniture App UI \nFurniture App by  [Mausam Rayamajhi](https:\u002F\u002Fgithub.com\u002FmausamRayamajhi)\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Ff1.png\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ff2.gif\"> \n\n## Plant App UI \nPlant UI Clone by [Ambika Dulal](https:\u002F\u002Fgithub.com\u002FAmbikadulal)\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fplant-1.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fplant-2.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fplant-3.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fplant-4.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fplant-5.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fplant-6.jpg\">\n\n## TravelUi Clone\nFurniture App by  [Ambika Dulal](https:\u002F\u002Fgithub.com\u002FAmbikadulal)\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Ftravelui1.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Ftravelui2.jpg\">\n\n## Wallet App Clone \nFurniture App by  [Ambika Dulal](https:\u002F\u002Fgithub.com\u002FAmbikadulal)\n\n\u003Cimg height=\"480px\" src=\"screenshots\u002Fwallet-1.jpg\"> \u003Cimg height=\"480px\" src=\"screenshots\u002Fwallet-2.jpg\"> \n","该项目提供了超过100个使用Flutter实现的专业UI示例代码，适用于Android、iOS、Linux和Web平台。核心功能包括动画、电商界面、登录注册界面、设置界面、仪表盘等多种常见应用UI组件的实现，并且利用了如Flutter Swiper和Flutter Custom Clippers等第三方库来增强功能。此项目非常适合希望提升Flutter开发技能或寻找UI设计灵感的开发者，也适合用于快速原型构建或作为学习Flutter UI设计的良好起点。","2026-06-11 03:21:22","top_language"]