Flutter UI Challenges

My effort on replicating various apps UI on flutter.

View on Web

Building and running the code [ Updated ]

• Thank you all for your tremendous support. With latest update, I have removed all firebase dependency, and project now runs on web and desktop as well. Please use flutter master channel to run and build. If you want previous version with firebase please checkout with-firebase branch.

Table of contents

• Animation Examples UI
• Ecommerce UIs
• Login/signup UIs
• Settings UIs
• Dashboard UIs
• Quotes App UIs
• Motorbike App UIs
• Profile UIs
• Invitation App UIs
• Lists UIs
• Navigation UIs
• Onboarding UIs
• Miscellaneous UIs
• Blog UIs
• Food App UIs
• Quiz App UIs
• Todo App UIs
• Hotel App UIs
• Travel App UIs
• Grocery App UI Kit
• Bank App Clone
• Furniture App UI

Contributors

1. Damodar Lohani
2. [Aparna Dulal] (https://github.com/ambikadulal)
3. Sudip Thapa
4. Shyam Adhikari (UI/UX Designer)
5. Mausam Rayamajhi
6. Siddhartha Joshi

Packages Used

• Flutter Swiper (https://pub.dartlang.org/packages/flutter_swiper)
• Flutter Custom Clippers (https://pub.dartlang.org/packages/flutter_custom_clippers)

Credits

The code for Springy Widget is taken and refactored from (https://github.com/matthew-carroll/flutter_ui_challenge_springy_slider)

Animations

Ecommerce

User Flow Screens

Settings UIs

Dashboard UIs

Quotes App UIs

Motorbike App UIs

Profile Screens

Inviation App UI

Lists UIs

Navigations

Onboarding Screens

(Smart walled onboarding is from https://www.uplabs.com/posts/smart-wallet-onboarding)

miscellaneous widgets

Blog

Food App

Quiz App

Todo App

Hotel App

Travel App

grocery App UI Kit

(design credit: https://www.uplabs.com/posts/grocery-app-kit)

Whats implemented

• Working bottom navigator to show different pages
• Navigation push/pop to show details page
• Stateless & Stateful Widgets
• Custom widgets for list items, category items etc.

Bank App Clone

Bank app clone by Mausam Rayamajhi

Furniture App UI

Furniture App by Mausam Rayamajhi