A curated list of awesome .NET MAUI samples to show how to create goodlooking UI with .NET.
Work in progress. Contributions are always welcome!
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