.NET MAUI goodlooking UI Samples

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

Work in progress. Contributions are always welcome!

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
• Blog post: Migration from Mitawi to .NET MAUI
• Source code: https://github.com/danimonettelli/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

https://user-images.githubusercontent.com/103980/185792503-6b6a8178-241a-4b50-99dd-68f73bbbc7ee.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

https://user-images.githubusercontent.com/45868547/186158735-c602c9d8-90da-4629-86c1-c06acdbeabd6.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:

• Real Youtube API Connection
• Search for videos
• Infinite Scrolling
• Video Details
• Share a video
• Play the video
• Download the Video
• And a nice UI Design

More information:

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

Running App

https://user-images.githubusercontent.com/103980/186558099-59ded8cf-349f-4c98-aba2-9d569a18bb9e.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:

• MVVM/Community Toolkit
• Animations
• Fonts images
• Messaging
• Create/Join/Leave/Rejoin rooms
• Official game rules
• Multiplayers/Realtime communication (SignalR)
• Blazor server backend on Azure

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

https://user-images.githubusercontent.com/9836726/187584113-9e725430-562d-4d78-87e2-0affd2ede8e3.mp4