.NET MAUI goodlooking UI Samples

A curated list of awesome .NET MAUI open source samples to show how to create goodlooking UI with .NET.

Contributions are always welcome!

WeightTracker

A simple, user-friendly .NET MAUI weight tracker app with a clean design for anyone looking to explore .NET MAUI development.

Images Preview

Platforms

iOS, Android, MacOs

Features

SQLite
NET MAUI Community Toolkit
Community Toolkit Mvvm
AiForms SettingsView
UraniumUI Material
Microcharts
SkiaSharp
MVVM

More Information

Author: Farshad Momtaz
Source Code: https://github.com/fdmomtaz/WeightTracker-DotNetMaui

MAUIsland

Made for the .NET MAUI Beautiful UI Challenge

Images Preview

Platforms

iOS, Android, WinUI and Tizen

Features

Controls galleries
MVVM
Toolkit
Syncfusion
SignalR

More Information

Author: Strypper Vandel Jason
Source Code: https://github.com/Strypper/mauisland

SpaceX History

Made for the .NET MAUI Beautiful UI Challenge

Images Preview

Platforms

iOS and Android

Features

REST API
ListView
MVVM

More Information

Author: Eduardo Reis
Source Code: https://github.com/EduardoReisDev/SpaceXhistory

MAUIPETS

Project for .NET MAUI CHALLENGE, MAUIPETS is a demo Adoption Pet App. # MAUIPETS

PlatformsPlatforms

Android
iOS
Mac Catalist
Windows

Features

API REST
BORDERS
COLLECTION VIEW
COMMUNITY TOOLKIT MVVM
FRAMES
SHADOWS
SHAPES

Images Preview

More information:

Author: Bryan Oroxon
Source code: https://github.com/BryanOroxon/MAUIPETS

News App

Made for the .NET MAUI Beautiful UI Challenge

Based on this design by Aan Ragil

Platforms

iOS and Android

Features

FlexLayout
BindableLayout
CollectionView
MVVM
Shell Navigation

More Information

Author: Jesse Smith
Source Code: https://github.com/henduck/MAUINewsApp

Crypto Tracker App

The Crypto Tracker App is a demo application built with .NET MAUI & Telerik UI for .NET MAUI components, showcasing real-time changes in cryptocurrency prices.

Platforms

Android, iOS, macOS and Windows.

Features:

Uses latest .NET MAUI & .NET 6 runtime
Caters to mobile & desktop UX differently
Showcases polished & performant UI like ListView, Charts etc.

More information:

Todo.me

Todo.me is a simple note taking and task tracking app made with .NET MAUI.

Platforms

Android
[?] Windows (Work in progress)

Features

Lottie Animations
Randomly set backgroung color for every Todo item
ColletionView
SwipeView
MVVM
Borders

Preview

More information

Author: Anmol Behl
Source code: https://github.com/behl1anmol/Todo.me
Future planned features:
- Integrating Agile Methodology to better manage daily routine
- iOS Support

Mitawi Weather App

Mitawi App UI/UX Challenge made with .NET MAUI.

Inspired on this design by Vitaliy Dorozhko.

Platforms

Android, iOS.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Harmony in portrait and landscape orientations.
Geolocation.
Geocoding.
Converters.
.NET MAUI Community Toolkit.
MVVM Community Toolkit.
Sentry.Maui (Error & Performance Monitoring).
System.Text.Json.
System.Net.Http.
Visual State Manager.
OnScreenSizeMarkup.
BindableLayout.
Border.
Shadow.
Linear gradient brushes.
Shapes.
Multi-bindings.

More information:

Author: Daniel Monettelli
English publication: Migration from Mitawi to .NET MAUI
Spanish publication: Migrando Mitawi a .NET MAUI
Source code: https://github.com/danielmonettelli/netmaui-mitawi-app-challenge

Ecommerce Design

Ecommerce design with NET MAUI (MVVM Pattern)

Features

ColletionView
SwipeView
MVVM
Font Icon
Borders
Color gradient brushes
Stepper

Preview

More information

Author: Santosh Dahal
Source code: https://github.com/exendahal/EcommerceMAUI

Beautyshop App

Beautyshop App UI Challenge made with .NET MAUI.

Based on this design by Mahmudur Rahman.

Platforms

Android, iOS, macOS and Windows.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Create a new custom Layout.
BindableLayout.

More information:

Author: Javier Suárez
Source code: https://github.com/jsuarezruiz/netmaui-beautyshop-app-challenge

Maui Planets

Planets Mobile App UI built using .Net Maui. Implements the Dribbble design

You can read about implementation of this design in Part 1 and Part 2 of the blog series.

Platforms

iOS
Android

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Animations.
Border

More information:

Author: Naweed Akram
Blog post: .NET MAUI Travels to the space
Source code: https://github.com/naweed/MauiPlanets

Pet Adoption UI

Pet Adoption UI is a replica made in .NET MAUI. Design obtained from Dribble: https://dribbble.com/shots/9794301-Pet-Adoption-App

Platforms

Android, iOS, macOS and Windows.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Layouts.

More information:

Author: Leomaris Reyes
Blog post: Replicating Pet Adoption UI in .NET MAUI
Source code: https://github.com/LeomarisReyes/PetAdoptionUI

F1TV

F1TV app clone made with .NET MAUI.

Platforms

Android, iOS, macOS and Windows.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
CollectionView.
Border.

More information:

Author: Andreas Nesheim
Blog post: MAUI UI July – Replicating F1TV app
Source code: https://github.com/andreas-nesheim/MAUIUIJuly

ScientificCalculator

A simple scientific calculator built uisng .NET MAUI Preview 14. Based ont his Behance Concept.

Platforms

iOS
Android
Windows

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Shadows.

More information:

Author: Naweed Akram
Source code: https://github.com/naweed/MauiScientificCalculator

ChatApp

Chat App UI Challenge made with .NET MAUI. Based on this design by Tannaz Sadeghi.

Platforms

Android, iOS, macOS and Windows.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
DataTemplateSelector.

More information:

Author: Javier Suárez
Source code: https://github.com/jsuarezruiz/netmaui-chat-app-challenge

.NET Podcasts

.NET Podcast App is a sample application showcasing .NET 6, ASP.NET Core, Blazor, .NET MAUI, Azure Container Apps, and more.

Platforms

Android, iOS, macOS and Windows.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Microsoft.Maui.Essentials

More information:

Source code: https://github.com/microsoft/dotnet-podcasts

WeatherTwentyOne

This is a .NET MAUI app showcasing .NET 6 Previews progress. For more information about what's included, read the release blog post.

Platforms

Android, iOS, macOS and Windows.

Features:

Use .NET 6 latest Preview
Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Microsoft.Maui.Essentials

More information:

Source code: https://github.com/davidortinau/WeatherTwentyOne

MAUI Finance

UI built in .NET MAUI, based on a Dribbble design.

Platforms

Android and iOS.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, Handlers etc.
ControlTemplate
Borders

More information:

Author: Yunus Emre AYGÜN
Source code: https://github.com/cemahseri/MauiFinance

MAUI Starbucks Redesign

UI built in .NET MAUI, based on a Uplabs.

Platforms

Android and iOS.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Shadows.
Borders.
CommunityToolkit.Mvvm.
CommunityToolkit.Maui.
CommunityToolkit.Splat.

More information:

Author: Satta Sundar
Source code: https://github.com/sattasundar/maui-starbucks-ui

MAUI Payments with Prism

Dynamic Credit Card Payment UI using .NET MAUI and Prism Library and text-mask behaviors. This project is inspired by the CrossGeeks project.

Platforms

Android, iOS, Windows, Tizen

Features

Prism.MAUI
- NavigationService
- DryIoc Dependency Injection
- MVVM
Behaviors
Custom Controls
Styles
XAML UI
Credit Card Layout

More Information

Source Code: [https://github.com/DamianSuess/Learn.MauiPaymentUi]
Author: Damian Suess - Blog GitHub

Bottom Sheets

Animated and customised Bottom Sheets plugin for .Net Maui UI CustomSheets

Supported platforms

Android
[?] iOS (Should work but I haven't tested)

Features

Fully customised
We can change sheet height, width, background, RoundRectangle, background click to close, change the content for close button

More Info

How to use : https://github.com/PremSaiVarada/DemoCustomSheets
Author : Prem V

Coffeeffee

Implementation of a coffee shopping UI using .NET MAUI

Supported platforms

iOS
Android

Features

CarouselView
Custom Fonts
Shapes

More Info

Source code: https://github.com/zdanovs/Coffeeffee-MAUI
Author: Andrey Zhdanov
Original author (of the Xamarin version): Steven Thewissen

BMI Calculator

A simple and gorgeous BMI Calculator built using .NET MAUI and Skia Sharp. Inspired by this Dribble Design.

Platforms

iOS
Android

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
SkiaSharp.

More information:

Author: Naweed Akram
Source code: https://github.com/naweed/MauiBMICalculator

Running App

BMICalculator.mp4

Band Tracker

A demo music artist release and live show tracker app built with .NET MAUI.

Platforms

iOS
Android

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Gradients, Frames
WebView
SkiaSharp.Extended (Lottie animations)

More information:

Author: Michal Diviš
Source code: https://github.com/michaldivis/band-tracker-app

Running App

android.mp4

MAUI Focus

A focus app using .NET MAUI.

Platforms

iOS
Android
Windows

More information:

Author: Pedro Coelho
Source code: https://github.com/pedroldk/maui-focus

Medicine Tracker

Implementation of a Medicine tracker app UI using .NET MAUI

Supported platforms

iOS
Android

Features

CarouselView
IndicatorView
CollectionView
Custom Fonts
Font Icons

More Info

Source code: https://github.com/thaveeshakannangara/MAUIBeautifulUIChallenge
Author: Thaveesha Kannangara

PetAdoptionApp

Implementation of a Pet Adoption app UI using .NET MAUI.
Dribble by Arinasdd.

Features

CarouselView
Custom Fonts
MVVM
DI
MAUI Shapes

More Info

Source code: https://github.com/JoeTomkinson/PetAdoptionApp
Author: Joe Tomkinson

Real Estate App

Having fun developing a Real Estate App for the UI Challenge made with .NET MAUI.

Preview

Based on this design by Jëlly.

Supported platforms

iOS
Android

Features:

CarouselView
IndicatorView
CollectionView
Custom Fonts
Shadows.
Borders.
Gradients
CommunityToolkit.Maui
CommunityToolkit.Mvvm

More information:

Author: Marc Fabregat twitter
Source code: https://github.com/marcfabregatb/RealEstate.App

.NET MAUI Bank

Replicate the Ukrainian Monobank application UI using .NET MAUI.

Based on this design.

Platforms

Android, iOS, macOS and Windows.

Features:

Shell
CarouselView
CollectionView with grouping
Pin Keyboard with Biometric Auth
Credit Card Animation

More information:

Author: Vladislav Antonyuk
Source code: https://github.com/VladislavAntonyuk/MauiSamples/tree/main/MauiBank

dotnet Maui memory game

Classic memory game in which the user has to discover all the pairs of cards with the same images before time runs out. It allows the selection of different difficulty levels and different themes

Platforms

iOS
Android

It works only in portrait mode

Features:

Shell
AppBuilder
MVVM
Animations
Lottie
Skia sharp
Font icons
Borders
Shadows
Color gradient brushes
BindableLayout
Dark and light themes

More information:

Author: Jorge Diego Crespo
Source code: https://github.com/jorgediegocrespo/MauiMemoryGame

.NET MAUI Car Rent App

Based on this design.

Platforms

Android, iOS, macOS and Windows.

More information:

Author: Akhror Ziyodinov

Maui Tube Player

A REAL and BEAUTIFUL Youtube Clone app built using .Net Maui.

Platforms

iOS
Android
Windows
MacOS

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Application Features:

More information:

Author: Naweed Akram
Source code: https://github.com/naweed/MauiTubePlayer

Running App

YoutubeCloneVideo.mp4

MAUI Jass

Multiplayer Swiss Jass game. More info about the game

Running App

Screenshot
Video

Platforms

iOS
Android
macOS

Windows has some buggy behaviors.

Features:

More information:

Author: David Beauverd
Source code: https://github.com/Davidoutz/MAUI-Jass
Extra: A new game starts automatically whenever 4 players join a room. Therefore you should use at least 4 devices/emulators for the best user experience :)

MAUIDelivery

MAUIDelivery: A beautiful delivery .NET MAUI APP

Platforms

Android, iOS.

Features:

Use all new .NET MAUI APIs: Startup, HostBuilder, etc.
Gradients
Frames
Custom Fonts
SkiaSharp.Extended (Lottie Animations)
Font Icons
Borders
DataTemplate Selectors
Converters
CollectionView with groups
Animations
DataTriggers

More information:

Author: Héctor Pérez
Blog post: How was the MAUIDelivery application created?
Source code: https://github.com/hprez21/MAUIDelivery

Running App

MAUIDelivery.mp4

.NET MAUI Buy Used Car App

Platforms

Windows , Android, iOS, macOS.

More information:

Author: Vinoth

Player Profile App

App is specifically built for .NET MAUI Beautiful UI Challenge. Demonstrates building UI for iOS, Android, Mac and Windows from shared code base.

Platforms

Android, iOS, macOS

Features:

Demonstrates building UI for iOS, Android, Mac and Windows from shared code base.

More information:

Author: [Vinayak Nikam] (https://github.com/nikamvd)
Source code: (https://github.com/nikamvd/-.NET-MAUI-Beautiful-UI-Challenge-PlayerProfileApp)

FLIPZON - Professional E-Commerce Application

Description

Welcome to FLIPZON, an advanced E-Commerce application developed using .NET MAUI. Inspired by the best features of Amazon and Flipkart, FLIPZON brings a seamless shopping experience to users. Leveraging the power of .NET 7, Prism Framework, and MVVM design pattern, FLIPZON integrates various UI controls, custom renders, and third-party libraries for a robust and user-friendly application.

Features

Authentication:
- Secure and seamless login and signup screens.
Product Discovery:
- Intuitive home screen showcasing featured products.
- Products screen with pagination for easy navigation.
Product Details:
- Detailed product information with a dedicated product details screen.
Search Functionality:
- Efficient search screen for finding desired products.
Shopping Cart:
- User-friendly cart screen for managing selected items.
Order Placement:
- Streamlined order placement process.
User Profile:
- Personalized profile screen for user customization.
Address Management:
- Address list screen and an option to add new addresses.

Screens

Login Screen
SignUp Screen
Home Screen
Product Details Screen
Products Screen
Search Screen
Cart Screen
Address List Screen
Add Address Screen
Profile Screen
Order Confirmation Screen

Screenshots


Login Screen	Signup Screen	Home Screen


Details Screen	Products Screen	Search Screen


Cart Screen	Address List Screen	Add Address Screen


Profile Screen	Order Confirmation Screen

Video Link

Check out our video tutorial for a quick overview of the project:

UI Controls

Collection View
Carousel View
Swipe View
Forms with Validation
Custom Controls
Custom Renders
Pagination for products

Tech Stack

.NET MAUI:
- Cutting-edge framework for cross-platform app development.
Prism Framework:
- Implementing MVVM design pattern for a modular and maintainable codebase.
API Integration:
- Seamless integration with external APIs for up-to-date product information.
Database Integration:
- Utilizing SQLite PCL for efficient and reliable data storage.

3rd Party Libraries

User Dialogs:
- For Alerts and confirmations Popups.
Mopups:
- To display popups.
Community Toolkit:
- For Form Validations and Converters
SQLite PCL:
- For Database support

More information:

Author: [Srikanth Rachaputi] (https://github.com/learnToEarnWithSrikanth)
Source code: (https://github.com/learnToEarnWithSrikanth/FlipZon)

NightClub

Learn .NET MAUI quickly & simply with my first class for beginners (100% free!). 🐒

"My First App", it’s 15 articles, nearly 3 hours of reading... and a highly colorful music application!! 🎶 🎉

➡️ https://www.mauicestclair.fr/en/posts/tutos/my-first-app/

🇫🇷 Also available in French!

Images Preview

Platforms

iOS, Android, macOS and Windows

Features

C# Markup
MVVM
MediaElement
Animations

More Information

Author: Jean-Emmanuel Baillat
Source Code: https://github.com/Kapusch/blog-dotnet-maui/tree/main/Samples/NightClub