{"id":14956362,"url":"https://github.com/abuanwar072/e-commerce-complete-flutter-ui","last_synced_at":"2025-05-14T10:11:10.099Z","repository":{"id":37526593,"uuid":"285633667","full_name":"abuanwar072/E-commerce-Complete-Flutter-UI","owner":"abuanwar072","description":"The FlutterShop template makes it easier to develop an e-commerce app using Flutter. It includes all the necessary pages to build a shopping app for both Android and iOS using flutter.","archived":false,"fork":false,"pushed_at":"2024-08-23T16:07:40.000Z","size":128329,"stargazers_count":4365,"open_issues_count":30,"forks_count":1828,"subscribers_count":137,"default_branch":"master","last_synced_at":"2025-04-02T00:18:42.934Z","etag":null,"topics":["android","android-app","ecommerce","flutter","flutter-ecommerce","flutter-ecommerce-template","flutter-examples","flutter-shop-app","ios-app","shop","shop-app","shopapp"],"latest_commit_sha":null,"homepage":"https://theflutterway.gumroad.com/l/fluttershop","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/abuanwar072.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-06T17:41:44.000Z","updated_at":"2025-04-01T17:17:01.000Z","dependencies_parsed_at":"2024-09-26T17:10:57.108Z","dependency_job_id":null,"html_url":"https://github.com/abuanwar072/E-commerce-Complete-Flutter-UI","commit_stats":{"total_commits":96,"total_committers":5,"mean_commits":19.2,"dds":0.05208333333333337,"last_synced_commit":"6d35616ced65fa3f7b3491c7231e553a67929fad"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abuanwar072%2FE-commerce-Complete-Flutter-UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abuanwar072%2FE-commerce-Complete-Flutter-UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abuanwar072%2FE-commerce-Complete-Flutter-UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abuanwar072%2FE-commerce-Complete-Flutter-UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abuanwar072","download_url":"https://codeload.github.com/abuanwar072/E-commerce-Complete-Flutter-UI/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247954328,"owners_count":21024198,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","android-app","ecommerce","flutter","flutter-ecommerce","flutter-ecommerce-template","flutter-examples","flutter-shop-app","ios-app","shop","shop-app","shopapp"],"created_at":"2024-09-24T13:12:53.184Z","updated_at":"2025-04-09T01:23:50.277Z","avatar_url":"https://github.com/abuanwar072.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flutter E-Commerce App Template\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"readme%20image/Build%20you%20shop%20app%20in%20days.png\" alt=\"Build you shop app in days\" style=\"width: 500px; height: auto;\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  The FlutterShop template makes it easier to develop an e-commerce app using Flutter. It includes all the necessary pages to build a shopping app for both Android and iOS using flutter.\n\u003c/p\u003e\n\n\u003c!-- Buttons --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://cutt.ly/fefxdqE9\" style=\"text-decoration: none;\" target=\"_blank\"\u003e\n    \u003cimg src=\"readme image/buy_now_btn.png\" alt=\"Full template\" style=\"margin-right: 32px; width: 170px; height: 50px;\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"https://cutt.ly/1efxdynN\" style=\"text-decoration: none;\" target=\"_blank\"\u003e\n    \u003cimg src=\"readme image/preview_btn.png\" alt=\"Preview\" style=\"width: 136px; height: 50px;\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003c!-- Device image --\u003e\n\u003c/br \u003e\n\u003c/br \u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"readme image/Device_frame.png\" alt=\"Ecommerce app Home, product details page\" style=\"width: 1100px; height: auto;\"\u003e\n\u003c/p\u003e\n\u003c/br \u003e\n\u003c/br \u003e\n\nThis shop app template comes with 100+ screens. Some of these pages are Splash, Login, Signup, Home, Product, Search, Cart, Profile, Payment, Wallet, Order Tracking, and Order History. Additionally, all pages support both light and dark themes.You just need to connect the UI to your preferred backend, such as Firebase, WordPress, or your custom API. You can do anything you want with it.\n\n\u003c!-- Gif preview --\u003e\n\u003c/br \u003e\n\u003c/br \u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"readme image/FlutterShop_Intro.gif\" alt=\"Build you shop app in days\" style=\"width: 643px; height: auto;\"\u003e\n\u003c/p\u003e\n\u003c/br \u003e\n\u003c/br \u003e\n\n### Well organized project very easy to customize\n\n![FlutterShop E-commerce Template Project Structure](https://public-files.gumroad.com/v1kbfvdugf3urvw03qrqgmc5pl1c)\n\n\u003c!-- Full preview --\u003e\n\u003c/br \u003e\n\u003c/br \u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://public-files.gumroad.com/m3v3lyyipbzczcws5gcuhpbkmczk\" alt=\"Build you shop app in days\" style=\"width: 100%; height: auto;\"\u003e\n\u003c/p\u003e\n\n### Loading is no longer boring [New update V1.1] [Doc](https://abu-anwar.gitbook.io/fluttershop-doc/custom-loading)\n\nThe progress indicator that comes with Flutter, by default is okay in most places, but not in every place. Especially when you build an ecommerce app. This is why we have created a custom loading effect that boosts your user engagement even during the loading process. This kind of loading is common in popular apps like YouTube and LinkedIn. It's a small detail, but it makes a big difference.\n![FlutterShop Custom loading](https://public-files.gumroad.com/qqnmt9nu5677thkq1961tlwj405u)\n\n## Screens on the FlutterShop E-commerce Template\n\nAs mentioned, this kit contains 100+ nicely crafted minimal screens that cover everything you need!👇\n\n### Onboarding\n\n- Onboarding Choose item\n- Onboarding Add to cart\n- Onboarding Pay online\n- Onboarding Track order\n- Onboarding Find store\n- Notification permission\n- Select language\n\n### Authentication\n\n- Log in\n- Forgot password\n  - Choose verification method\n  - Verification code\n- Set new password\n- Done reset password\n- Sign up\n  - Setup profile\n  - Verification code\n- Successfully sign up\n- Terms and conditions\n- Enable fingerprint\n- Enable face ID\n\n### Product\n\n- Product page\n  - Notify when available (Out of stock)\n  - Buy Now\n  - Product details\n  - Product reviews\n  - Add review\n  - Shipping methods\n  - Product return policy\n  - Product size guide\n  - Store Pickup Availability\n  - Added to cart message\n  - Product gallery (Will be added soon)\n\n### Main Page\n\n- Home page\n- On sales page\n- Kids product page\n- Brand page\n- Discover Page (Categories)\n  - Style 1\n  - Style 2 (Will be added soon)\n  - Style 3 (Will be added soon)\n- Bookmark products page\n\n### Search\n\n- Recent search (Search history)\n- Search suggestions\n- Search filters\n  - Size filter\n  - Color filter\n  - Brand filter\n  - Price filter\n  - Sort by\n- Search results\n  - Product not found\n\n### Cart\n\n- Products on Cart\n- Empty cart\n- Choose address\n- Review \u0026 payment\n- Checkout / Payment method\n  - Select card\n  - Pay with cash\n  - Use credit\n- Thanks for order\n- Add new card\n- Scan card (Will be added soon)\n\n### Profile\n\n- Account\n  - Normal version\n  - Pro version\n  - Profile\n    - Edit profile\n  - Notifications\n    - Empty notification\n    - Enable notification\n    - Notification options\n  - Select Language\n  - Addresses\n    - Empty address\n    - Add new address\n  - Add number\n    - Verification code\n  - Selected location\n  - Payment\n    - Cards\n    - Empty payment\n  - Wallet\n    - Empty Wallet\n    - Wallet history\n  - Help \u0026 Chat (Support)\n    - Chat\n  - Preferences\n\n### Order\n\n- Account Orders\n  - Processing orders\n    - Cancel order\n  - Canceled orders\n  - Delivered orders\n  - Return orders (Will be added soon)\n  - More screens added in that sector soon\n\n### Return \u0026 Request (Will be added soon)\n\n- Return order list\n- Empty return order\n- Return order\n- Return detail\n\n### Error \u0026 Permission\n\n- Notification permission\n- No notification\n- Select language\n- No internet\n- Server error\n- Location permissions\n- No search result\n- Empty order list\n- No Address found\n- Empty payment\n- Empty wallet\n\nand MORE!!!! 🤩\n\nIf you want to learn how to build ecommerce template on Flutter [watch the playlist on YouTube](https://youtube.com/playlist?list=PLxUBb2A_UUy8OlaNZpS2mfL8xpHcnd_Af), In the first video, we start by making a neat onboarding screen for our shopping app. This works on both Android and iOS because it's made with Flutter. In the next video, we tackle the 'Sign In' and 'Forgot Password' screens, adding some unique error messages. The third video covers the 'Sign Up' and OTP processes. The fourth one is fun – we create the main homepage. In the fifth, we dive into the product page, and in the sixth, we craft an order page with cool features like 'swipe to delete.' Finally, in the seventh video, we design the user profile page.\n\nVisit FlutterLibrary.com to Download the [Flutter e-commerce app template](https://www.flutterlibrary.com/templates/e-commerce-app) \u0026 other templates, and components.\n\n\n\n\u003c/br \u003e\n\u003c/br \u003e\n\u003c!-- Buttons --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://app.gumroad.com/checkout?product=uxznc\u0026option=B3wWhE6QH46cfm31C7jEmQ%3D%3D\u0026quantity=1\u0026referrer=https://github.com\" style=\"text-decoration: none;\" target=\"_blank\"\u003e\n    \u003cimg src=\"readme image/buy_now_btn.png\" alt=\"Full template\" style=\"margin-right: 32px; width: 170px; height: 50px;\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabuanwar072%2Fe-commerce-complete-flutter-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabuanwar072%2Fe-commerce-complete-flutter-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabuanwar072%2Fe-commerce-complete-flutter-ui/lists"}