Back to Browse

Modern App UI Design - Create Account Screen Using Jetpack Compose

151 views
May 23, 2025
2:01:16

Welcome to this step-by-step tutorial where we design a modern and responsive Create Account screen UI in Android using Kotlin, Jetpack Compose, and Material 3 — all in two hours! Whether you're a beginner or an experienced Android developer, this video will walk you through building a sleek, user-friendly login screen that follows modern design principles and Material You guidelines. 🚀 What You’ll Learn: ➡️ How to use Jetpack Compose for UI development ➡️ Implementing Material 3 components for modern design ➡️ Designing text fields, buttons, icons, and layout structure ➡️ Modal bottom sheet for items display ➡️ Java ISO countries library call for country of origin ➡️ Clean and reusable code structure 🛠 Tech Stack: ✅Kotlin ✅Jetpack Compose ✅ Material 3 ✅Modal Bottom Sheet 📂 Source Code: https://github.com/StephenNnamaniN/Mo... ✅ Don’t forget to like, comment, and subscribe for more Android development tutorials and UI design content! ⏳ Timestamps: 00:00:00 - Intro and setup 00:13:10 - Background 00:15:49 - Creating OutlinedTextfields 00:25:20 - Country Selector from ISO countries Library 01:00:48 - Country Dialing code from country selector 01:17:18 - Selecting address from postal code/Zipcode/postcode 01:49:09 - Create Account Button #modernuiandroidjetpackcompose #android #jetpackcopose #uiux

Download

1 formats

Video Formats

360pmp4164.6 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Modern App UI Design - Create Account Screen Using Jetpack Compose | NatokHD