Awesome
.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!
MyFinance
It is a beautifully designed Finance application for .NET MAUI Markup(No XAML) enthusiasts. Made with FmgLib.MauiMarkup.
Images Preview
Platforms
iOS, Android
Features
- FmgLib.MauiMarkup
- SQLite
- NET MAUI Community Toolkit
- Community Toolkit Mvvm
- DevExpress Maui
- LiveCharts
- AutoMapper
- MVVM
More Information
- Author: Mustafa Gönültaş
- Source Code: https://github.com/gonultasmf/MyFinance
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
<img src="gifs/Maui_app_todo.gif" width="250" height="550"> <img src="images/TodoView.jpg" width="250" height="550"> <img src="images/TodoDetailsView.jpg" width="250" height="550"> <br>
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
<img src="gifs/ecommerce.gif" width="250" height="550"> <img src="images/ecommerce_maui1.jpg" width="250" height="550"> <img src="images/ecommerce_maui2.jpg" width="250" height="550"> <br>
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.
<img src="https://raw.githubusercontent.com/DamianSuess/Learn.MauiPaymentUi/master/SampleCards.gif" Width="250" />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
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. <br/> 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
<img src="./images/memoryGameLightMode.gif" alt="memory game in light mode" width="250"/> <img src="./images/memoryGameWinLightMode.gif" alt="win animation in light mode" width="250"/> <img src="./images/memoryGameLoseLightMode.gif" alt="lose animation in light mode" width="250"/> <img src="./images/memoryGameDarkMode.gif" alt="memory game in dark mode" width="250"/> <img src="./images/memoryGameWinDarkMode.gif" alt="win animation in dark mode" width="250"/> <img src="./images/memoryGameLoseDarkMode.gif" alt="lose animation in dark mode" width="250"/>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
.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