My flutter (android, ios) UI design examples 🎈 - user profile UIs, food order ui, splashscreen, mask widget usage, settings page ui

Overview

Flutter UI Design Examples 🎈

This repository contains the flutter ui designs I designed while learning.

Doctor Appointment App UI

Packages in use:

  • flutter_map: ^0.14.0

Articles Home Page View UI


User Profile Page UI With Profile Picture


User Profile Page2 UI With Light/Dark Mode

Packages in use:

  • shared_preferences: ^2.0.13
  • provider: ^6.0.2

Food Order UI

Packages in use:

  • carousel_slider:
  • flutter_svg:

Splashscreen

Packages in use:


Settings Screen UI

Packages in use:

  • flutter_settings_screens

Mask Widget Usage

Packages in use:

  • widget_mask: ^1.0.0
  • smooth_page_indicator: ^1.0.0+2

To use this app follow below instructions :

Clone this app using below syntax:

git clone https://github.com/Aleynaesr/flutter-ui-design-examples.git

  • After cloning install packages using below syntax:

flutter pub get

  • Above command will install all the necessary packages.

  • Run the app on your mobile emulator using below command:

flutter run

Thank you happy coding 🎈

You might also like...

Resource monitor - A flutter plugin for Android and IOS to monitor CPU and RAM usage of device.

resource_monitor A flutter plugin for Android and IOS to monitor CPU and RAM usage of device. TODO Return overall system cpu/memory usage. Implement A

Nov 11, 2022

A small splashscreen used as intro for flutter applications easily with a lot of customizations ❤️🥳

A small splashscreen used as intro for flutter applications easily with a lot of customizations ❤️🥳

Splash Screen A splashscreen package to be used for an intro for any flutter application easily with a lot of customization Currently Supported by awe

Dec 30, 2022

Build different UIs for Android, iOS, Web, Desktop, Wear, TV etc without the if/else checks in your widgets.

Build different UIs for Android, iOS, Web, Desktop, Wear, TV etc without the if/else checks in your widgets.

platform_widget_mixin Plugin to decouple widgets based on various platform properties. Features Build different UIs for Android, iOS, Web, Desktop, We

Nov 17, 2022

Flutter profile ui - Round Image Profile UI For Flutter

Flutter profile ui - Round Image Profile UI For Flutter

round_image_page A new Flutter project.

Oct 21, 2022

I created a welcome page, login page and signup page using Flutter

welcome_page UI design for welcome page, signUp page & Login page by Joy Obor Getting Started This project is a starting point for a Flutter applicati

Dec 29, 2021

Mask Aware Face Attendance App built using Flutter

Mask Aware Face Attendance App built using Flutter

Face Attendance An App Made with Face SDK record.mp4 Before we get started 👉 For now, Our app does support only Android platform (arm64). 👉 You will

Dec 30, 2022

With cupertino_setting_control you can create a settings page or a simple form very easy.

With cupertino_setting_control you can create a settings page or a simple form very easy.

Flutter Cupertino Setting Control With cupertino_setting_control you can create a settings page or a simple form very easy. Therefore, cupertino_setti

Mar 28, 2022

A Flutter widget to create an iOS settings-table (static TableView).

A Flutter widget to create an iOS settings-table (static TableView).

flutter_cupertino_settings A Flutter widget to create an iOS settings-table (static TableView). import 'package:flutter_cupertino_settings/flutter_cup

Dec 28, 2022

A quick sample app on how to implement a friend list and a profile page in Flutter.

A quick sample app on how to implement a friend list and a profile page in Flutter.

FlutterMates All code resides in the /lib folder: there's no Android / iOS specific code needed. The article, slides and how this came to be, is here.

Jan 8, 2023
Owner
Aleyna Eser
Skilled in Java, React, Flutter, C, Web Programming, MySQL, firebase, business analytics and product management.
Aleyna Eser
Face Mask Detection with Tensorflow(Flutter)Face Mask Detection with Tensorflow(Flutter)

Face Mask Detection with Tensorflow(Flutter) Face Mask Detection With TFlite Info An app made with flutter and tensor flow lite for face mask detectio

Mohsen Mirdar 1 May 23, 2022
Face Mask Detection mobile application built with Flutter and TensorFlow lite in order to detect face masks using images and live camera.

Face Mask Detector App Face Mask Detection mobile application built with Flutter and TensorFlow lite in order to detect face masks using images and li

Yousef Shaban 3 Aug 15, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Johannes Milke 46 Dec 6, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Johannes Milke 45 Dec 15, 2022
Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.

Flutter Tutorial - User Profile & SharedPreferences Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's inf

Johannes Milke 21 Dec 3, 2022
Flutterbodydetection - A flutter plugin that uses MLKit on iOS/Android platforms to enable body pose and mask detection using Pose Detection and Selfie Segmentation APIs for both static images and live camera stream.

body_detection A flutter plugin that uses MLKit on iOS/Android platforms to enable body pose and mask detection using Pose Detection and Selfie Segmen

null 18 Dec 5, 2022
This is a Flutter Food Recipe App this shows food recipes of any food which you want.

food_recipe_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Saksham gupta 3 Oct 31, 2022
Excess Food Locator helps food providers connect with food distributing NGOs.

Excess Food Locator Excess Food Locator helps people having excess food connect with other resources and distributors. This application is based on a

Pranav Kale 6 Nov 6, 2022
John Pfister 2 Feb 25, 2022