A curated list of awesome .NET MAUI samples
Перейти к файлу
Javier Suárez 152c6a7f0a
Merge pull request #50 from gonultasmf/MyFinanceApp
myfinance app added.
2024-05-22 13:47:34 +02:00
.github
gifs
images
.gitattributes
.gitignore
README.md

README.md

.NET MAUI goodlooking UI Samples PRs Welcome

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

Project mockup

Platforms

iOS, Android

Features

  • FmgLib.MauiMarkup
  • SQLite
  • NET MAUI Community Toolkit
  • Community Toolkit Mvvm
  • DevExpress Maui
  • LiveCharts
  • AutoMapper
  • MVVM

More Information

WeightTracker

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

Images Preview

Project mockup

Platforms

iOS, Android, MacOs

Features

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

More Information

MAUIsland

Made for the .NET MAUI Beautiful UI Challenge

Images Preview

Project mockup

Platforms

iOS, Android, WinUI and Tizen

Features

  • Controls galleries
  • MVVM
  • Toolkit
  • Syncfusion
  • SignalR

More Information

SpaceX History

Made for the .NET MAUI Beautiful UI Challenge

Images Preview

iPhone 13 Pro

Platforms

iOS and Android

Features

  • REST API
  • ListView
  • MVVM

More Information

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

MAUIPETS1

MAUIPETS2

More information:

News App

Made for the .NET MAUI Beautiful UI Challenge

Based on this design by Aan Ragil

NewsApp

Platforms

iOS and Android

Features

  • FlexLayout
  • BindableLayout
  • CollectionView
  • MVVM
  • Shell Navigation

More Information

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.

Crypto Tracker App on all platforms

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

Mitawi Weather App

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

Beautyshop App

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:

Ecommerce Design

Ecommerce design with NET MAUI (MVVM Pattern)

Features

  • ColletionView
  • SwipeView
  • MVVM
  • Font Icon
  • Borders
  • Color gradient brushes
  • Stepper

Preview

       

More information

Beautyshop App

Beautyshop App UI Challenge made with .NET MAUI.

Beautyshop App

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:

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.

MauiPlanets

Platforms

  • iOS
  • Android

Features:

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

More information:

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

Pet Adoption UI

Platforms

Android, iOS, macOS and Windows.

Features:

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

More information:

F1TV

F1TV app clone made with .NET MAUI.

F1TV

Platforms

Android, iOS, macOS and Windows.

Features:

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

More information:

ScientificCalculator

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

Scientific Calculator

Platforms

  • iOS
  • Android
  • Windows

Features:

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

More information:

ChatApp

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

ChatApp

Platforms

Android, iOS, macOS and Windows.

Features:

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

More information:

.NET Podcasts

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

.NET Podcasts

Platforms

Android, iOS, macOS and Windows.

Features:

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

More information:

WeatherTwentyOne

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

.NET MAUI Weather App on all platforms

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:

MAUI Finance

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

MauiFinance

Platforms

Android and iOS.

Features:

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

More information:

MAUI Starbucks Redesign

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

MauiStarbucksRedesign

Platforms

Android and iOS.

Features:

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

More information:

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

Bottom Sheets

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

Demo Screens

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

Coffeeffee

Implementation of a coffee shopping UI using .NET MAUI

Demo Screens

Supported platforms

  • iOS
  • Android

Features

  • CarouselView
  • Custom Fonts
  • Shapes

More Info

BMI Calculator

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

BMI Calculator

Platforms

  • iOS
  • Android

Features:

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

More information:

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.

Band Tracker

Platforms

  • iOS
  • Android

Features:

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

More information:

Running App

https://user-images.githubusercontent.com/45868547/186158735-c602c9d8-90da-4629-86c1-c06acdbeabd6.mp4

MAUI Focus

A focus app using .NET MAUI.

MAUI Focus

Platforms

  • iOS
  • Android
  • Windows

More information:

Medicine Tracker

Implementation of a Medicine tracker app UI using .NET MAUI

Demo Screens

Supported platforms

  • iOS
  • Android

Features

  • CarouselView
  • IndicatorView
  • CollectionView
  • Custom Fonts
  • Font Icons

More Info

PetAdoptionApp

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

Demo Screen Shots

Features

  • CarouselView
  • Custom Fonts
  • MVVM
  • DI
  • MAUI Shapes

More Info

Real Estate App

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

Preview

Real Estate App

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:

.NET MAUI Bank

Replicate the Ukrainian Monobank application UI using .NET MAUI.

MauiBank

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:

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

memory game in light mode win animation in light mode lose animation in light mode memory game in dark mode win animation in dark mode lose animation in dark mode

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:

.NET MAUI Car Rent App

Car-Rent-App

Based on this design.

Platforms

Android, iOS, macOS and Windows.

More information:

Maui Tube Player

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

Maui Tube Player

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:

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 Maui JASS screenshot

  • Video Maui JASS 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:

MAUIDelivery

MAUIDelivery: A beautiful delivery .NET MAUI APP

MAUIDelivery

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:

Running App

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

.NET MAUI Buy Used Car App

Buy-Used-Car-App

Platforms

Windows , Android, iOS, macOS.

More information:

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.

image

Platforms

Android, iOS, macOS

Features:

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

More information:

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 Signup Home
Login Screen Signup Screen Home Screen
Details Products Search
Details Screen Products Screen Search Screen
Cart Address List Add Address
Cart Screen Address List Screen Add Address Screen
Profile Order Confirmation
Profile Screen Order Confirmation Screen

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

Project Video

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

  1. User Dialogs:

    • For Alerts and confirmations Popups.
  2. Mopups:

    • To display popups.
  3. Community Toolkit:

    • For Form Validations and Converters
  4. SQLite PCL:

    • For Database support

More information:

NightClub

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

"My First App", its 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

My%20First%20App%20-%20Disco

Platforms

iOS, Android, macOS and Windows

Features

  • C# Markup
  • MVVM
  • MediaElement
  • Animations

More Information