Design Apps
Great Design for Good Reason
Learn modern and minimal ways to design any app. You can learn to design both android apps using android studio & Flutter Apps using Android Studio. Follow us at YouTube and press the bell icon to get notified about each new lesson uploaded related to Designs.
Latest Flutter Designs
Follow me on YouTube to get notified about all the latest tutorials and more!
Flutter UI Design Tutorial – Flutter Homepage Dashboard UI – 2022
In this flutter UI Design tutorial, we will learn to design a modern Homepage Dashboard UI in a flutter. This Flutter dashboard UI will be divided into multiple segments and cover multiple core flutter design concepts. This dashboard UI tutorial is for all who are new...
Flutter OTP Screen UI Example – OTP TextField Code
In this flutter UI tutorial, we will learn how to design a beautiful modern and minimal Flutter OTP Screen UI. To design this OTP screen we will use Flutter OTP TextField. There are two mainly used Flutter OTP Packages and dependencies on pub.dev....
How to Reset Password Screen in Flutter – UI Code
In this flutter tutorial, we will learn how to design a forgot password screen in our FLUTTER LOGIN APP. In this tutorial, we will learn to reset the password screen in flutter using two methods. Mail and Phone No authentication. We will also learn how to create Model...
Flutter Signup UI Page Example Code – Flutter UI 2022
In this flutter tutorial, we will learn to design a modern Signup screen UI or Signup Page in Flutter. We are creating Flutter UI Design which is a part of our Flutter Login App. In this flutter ui tutorial, we will not just design but also we will learn to create a...
Flutter Login Screen Design – Modern Login Screen UI
In this flutter tutorial, we learn to design a modern flutter Login Page UI. Flutter Login Screen is the screen that has been used by almost every 2nd application. So, it has a very important role to Retain user or let them go. So, a beautiful login signup design is...
Flutter Animation 2022 – Animate any widget in flutter
In this flutter tutorial, we learn to use animations in flutter. In Flutter Animation tutorial, we will learn to create a custom widget that can be used anywhere in flutter to animate any widget. In our previous tutorials, we already learned how to make the Splash...
Modern Flutter Welcome Screen UI – Flutter UI 2022
In this flutter tutorial, we will learn to design the Welcome Screen in flutter which is a part of our Flutter login app course. We will create a flutter-responsive UI or make our design responsive using the flutter column widget. We will also learn, how to get...
Flutter Onboarding Screen – Flutter Liquid Swipe
In this flutter tutorial, we will create Flutter Onboarding Screen using Flutter Liquid Swipe animation. The onboarding screen is a list of pages we use to explain the basics of an app. It only appears for the first time. So, to create an onboarding screen in Flutter,...
How to create beautiful splash screen in flutter with animation 2022
In this flutter custom splash screen tutorial, we will learn how to create a Custom Splash Screen in Flutter with animation 2022 so, I have divided this tutorial into 3 main portions. Design a splash screen in flutter Add Animation using Stateful Widget & use...
How to add or remove Flutter Native Splash 2022
In this flutter native splash example tutorial, we will learn how to create or add Flutter Native Splash 2022. To add a Flutter native splash we have to use a pub.dev package called flutter_native_splash and it can be removed with a remove keyword. Prerequisite...
How to use Theme in Flutter – Dark and Custom Theme
In this tutorial, we will learn how to use themes in a flutter, use Color Swatches or create your own custom swatches. We will then learn to create a custom theme. We will also cover the Light and Dark Theme. How to switch themes and make it sync with the device using...
How to create a Checkbox in flutter Example 2022
In this tutorial, we are going to learn two ways to create and design a checkbox in a flutter. We will also learn how to create a custom checkbox in a flutter with an example. We will first design the checkbox widget in a flutter as a checkbox() and then we will...
How to create Text Form Field or Text Field in flutter
In this tutorial, we are going to learn the two ways to create, and design text fields in a flutter and also two ways to get data from a flutter textfield or a flutter textformfield. The design will be created using flutter textfield() and flutter textformfield()...
How to Create and Design Buttons in Flutter
In this tutorial, we are going to create buttons in Flutter 2022. We will create three different types of buttons in a flutter, Elevated buttons, Outline buttons, and Text Buttons. We will also learn how to design a custom button using all the properties of flutter...
How to create & design Container in Flutter – 2022
In this flutter tutorial, we are going to learn how to create a Container in a flutter. We will learn how to design a container in flutter 2022. In this flutter tutorial, we will cover all the properties of the Container include Background Color, Padding, Margin,...
How to add Material and Font-Awesome Icons
In this flutter tutorial, we are going to learn how to add material and font-awesome icons in flutter. How to make icons clickable using IconButton in our flutter project 2022. We will learn the 3 basics of flutter in this tutorial. How to use Material Icons in the...
How to add Images in Flutter – Asset and Network
In this Flutter tutorial, we are going to learn how to add images in flutter 2022. There are 2 main ways to add an image in a flutter, 1st is to add Asset Image in the flutter and 2nd is to add Network Image in the flutter. So, in this tutorial, we will learn both...
Exploring stateless widgets in Flutter – Coding with T
In this Flutter Crash course 2022, we are about to start our Flutter Crash Course for beginners and we will be exploring statless widgets in Flutter. In this Section 2, we will learn all the Basic and Core Stateless Widgets of Flutter which are a must to create any...
Stack and Positioned Widget in Flutter 2022
In this flutter tutorial, we are going to create layout widget in flutter. Stack and positioned widget will be used in this tutorial, whereas stack is used to layout widgets on top of one another and positioned widget is used to position the widgets (childerns of...
How to create a Floating Action Button in Flutter
In this flutter tutorial, we are going to create a floating action button in flutter. We will create FAB using widget provided by flutter material design FloatingActionButton(). Floating Action button is useful when it comes to perform some key actions like add...
Android Designs
Follow me on YouTube to get notified about all the latest tutorials and more!
Create a Custom Loading Progress Bar In Android Studio
In this tutorial, we will create a custom progress bar in android studio. We will use a regular progress bar but will add a custom background. If you want to watch any of the videos that are created before then click here.Watch Youtube tutorial Create a...
Complete Forget Password Screens – UI/UX Design in Android – Part 11
In this tutorial, we will create material design multiple screens for forget password in android studio. We will use slide animations and apply them when new screen appears. Screens we will create are Forget Password Screen to get the phone number instead of email,...
Phone Number Verification – OTP pin View in Android studio – Part 10
In this tutorial, we will create material design OTP screen or PIN view in android studio. In the OTP screen user will have to enter the one time password and we will validate that password using firebase. If you are following the series (City Guide App) then you may...
Material Design Signup Screen in Android Studio – Part 9
In this tutorial we will create a modern Signup screen in android studio using Material design libraries we added in login tutorial. In this tutorial we will create multiple fields in android like Material design editText, TextInputLayout, Date Picker, Radio Buttons,...
Bottom Navigation Bar in Android Studio – City Guide – Part 20
After creating professional login-signup screens with forget password, sessions (Shared preferences) and firebase series. From now onwards, after successful login sigup we will allow the user to enter in their dashboard of City Guide App we are creating which is...
Material Design Login Screen in Android – City Guide Part 8
In today's tutorial, we are going to create a Login Design in Android Studio - City Guide app. We will also learn how to add shared animations in android and how to use Material library 1.1.0 to design fields.Before Getting Started So, before going to start coding, we...
Modern Dashboard UI Design in Android Studio – City Guide App – Part 4
In this tutorial, we will learn how to create a modern dashboard design in android studio. The dashboard is the main screen of our application that describes what is the functionality of an app. Hence we will create three different designs of recyclerview and cardview...
Splash Screen in Android Studio – City Guide App – Part 2
In this tutorial, we are going to create a splash screen android tutorial with animations in android studio. In short, this is the first tutorial of our complete application in which we will be creating a City Guide App android app with source code. Hence follow us...
Modern Profile UI Design In Android Studio – Material Design 2020
In this tutorial, we will create a modern profile UI design for showing the detail of the user in our app. Previously, we have created our design for the sign-up. Subsequently, we have created the design of the login page using material design. And now in this...
Modern dashboard design with source code tutorial in android studio
In this tutorial we will be creating a custom Modern Dashboard UI design in android studio. This tutorial will also be covering Dashboard design source code and you can easily get the source code down below in the post. We will be using a Constraint layout as a parent...
Create a Navigation Drawer Material Design in Android Studio tutorial
In this tutorial series, we will be creating an Android Navigation Drawer Material design in android studio. We will also learn Create a Navigation Drawer with the Hamburger menu icon. Design menu header in the navigation bar. Hide navigation menu item android action...
Retrieve data from Firebase Realtime Database in Android – 2020
This tutorial is about to retrieve data from Firebase Realtime Database in Android Studio. Also, you will learn about how to validate username and password fields using regex in the android studio. This is the 2nd part of our android studio firebase tutorial. In the...
Registration Form Validation in Android Studio
Registration form in Android with validationmaterial design Signup screenFirstly, make material design signup screen for user registration form with validation.We will validate full name, username, email, phoneno, password.Then we have to assign id's to all the...
Material Design Signup Screen tutorial using Shared Animations – Design in 2020
Signup form in android is a screen that everyone wants to make in their android studio application. Design the screen in android studio is not much difficult but to make it more creative and responsive, you will need a lot more experience. But we will help you to make...
Material Design Login Screen tutorial using Shared Animations – Design in 2020
This is the second article of our android studio tutorial about traveling android application. In this article we are going to create a Login Screen android example using material components and use shared animation between login screen and splash screen in android...
Android Splash Screen With Animations in Android Studio | Material Design – 2020
In this tutorial, we are going to create a splash screen android tutorial with animations in android studio. In short, this is the first tutorial of our complete application in which we will be creating a traveling android app with source code.We will also create...
How to add a GIF Image in android studio example
In this tutorial we will add a gif image in android studio. You can use this gif simply as an image in your project and play with its attributes as per your requiremnts. You can use this gif image in android splash screen. Use it as a gif ImageView as an example. How...
Create a Splash Screen in Android Studio with animations
To create a modern splash screen in android studio with animations you can either watch a video or go through the article below. You can also get the code below in this article. What is a Splash Screen?Splash screen is a first screen appears in android applications...