In this article, we'll explore some of the free libraries available for .NET MAUI. Please, support my blog by clicking on our sponsors ad! In this article, we'll explore some of the free libraries available for .NET MAUI. I think many developers, when creating applications, seek free or open-source UI libraries that enhance the user experience, are compatible, or at least have support plans for .NET MAUI. That's why today, I want to share some options I found that you can explore and implement in your projects: MauiBlazor  Specifically crafted for .NET MAUI, this library provides Blazor UI components for cross-platform development. Repository: MauiBlazor on GitHub Built on Blazor, this library allows you to create cross-platform applications using C#, HTML, and JavaScript. Note: Ensure to review the documentation and updates to confirm compatibility with your .NET MAUI version. Comet  Initially designed for Xamarin.Forms, Comet is a UI framewor

Please, support my blog by clicking on our sponsors ad!  CartTemplate.xaml <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="FoodDeliveryApp.Pages.Products.Template.CartTemplate"> <Grid Padding="5" ColumnSpacing="10" RowDefinitions="Auto" RowSpacing="0" ColumnDefinitions="150,*"> <Frame Padding="0" CornerRadius="10" Grid.Row="0" Grid.Column="0" Grid.RowSpan="4"> <Image Source="{Binding Image}" HeightRequest="80" Aspect="AspectFill"></Image> </Frame> <StackLayout Grid.Row="0" Grid.Column="1" VerticalOptions="CenterAndExpand"> <Label Text="{Binding Name}" TextColor="{x:Stat

  Food Delivery App - Product ListPage Please, support my blog by clicking on our sponsors ad! ListTemplate.xaml <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="FoodDeliveryApp.Pages.Products.Template.ListTemplate" xmlns:fontawesome="clr-namespace:FoodDeliveryApp.Utilities"> <StackLayout Padding="5"> <Frame CornerRadius="20" Padding="15" WidthRequest="300"> <Grid ColumnDefinitions="6*,4*" RowSpacing="5" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto" HorizontalOptions="FillAndExpand"> <Image Grid.Row="0" Grid.Column="0" HorizontalOptions="Start" Source="https://png.pngtree.com/png-clipart/20221013/original/pngtree-bestseller-label-png-imag

  Food Delivery App - Filter Page Please, support my blog by clicking on our sponsors ad! watch video to understand code. Create Model for filter ProductFilterViewModel.cs public class ProductFilterViewModel : BaseViewModel { public Command LoadProductCommand { get; set; } private ObservableCollection<MenuModel> menuVM; private string filterText; private bool _isVisible = false; private bool _recentSearchIsVisible = true; private MenuModel _selectedItem; public Command ItemSelectedCommand { get; set; } public ProductFilterViewModel() { ItemSelectedCommand = new Command<MenuModel>(OnItemSelected); } public ObservableCollection<MenuModel> vm { get { return menuVM; } set { SetProperty(ref menuVM, value); } } public bool IsVisi

  Home Page - Food Delivery App in MAUI Please, support my blog by clicking on our sponsors ad! Follow basic setup from here You will get all page of this app from FoodDeliveryApp Menu on top. Let's Create Model MenuModel public class MenuModel { public string Name { get; set; } public decimal Price { get; set; } public string Description { get; set; } public ImageSource Image { get; set; } } RestaurantModel public class RestaurantModel { public string Name { get; set; } public string Description { get; set; } public string Rating { get; set; } public ImageSource Image { get; set; } public List<MenuModel> Menus { get; set; } = new List<MenuModel>(); } BannerModel public class BannerModel { public ImageSource Image { get; set; } } BaseViewModel public class BaseViewModel : INotifyPropertyChanged { bool isBusy = false;

  Please, support my blog by clicking on our sponsors ad! For first part go to this link For fontawesome go to this link First create all required classes CardModel.cs public class CardModel : BaseViewModel { private Color borderColor; private bool isSelected; public string Name { get; set; } public string Number { get; set; } public string ExpDate { get; set; } public string CardHolderName { get; set; } public string CVV { get; set; } public string Type { get; set; } public string TypeIcon { get; set; } public bool IsSelected { get { return isSelected; } set { isSelected = value; OnPropertyChanged(nameof(IsSelected)); OnPropertyChanged(nameof(BorderColor)); } } public Color BorderColor { get {

  Create a Address Entry Form in xamarin Please, support my blog by clicking on our sponsors ad! Watch video to understand code. For fontawesome refer this   link Lets create all Controls ImageLabel.xaml <ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="Ecommerce.UI.Template.CustomControls.ImageLabel"> <Grid RowDefinitions="Auto,Auto"> <Label x:Name="lblIcon" FontFamily="{x:DynamicResource FontAwesomeFamily}" HorizontalOptions="Center" TextColor="Gray" Grid.Column="0" Grid.Row="0"></Label> <Label x:Name="lbl" Grid.Column="0" Grid.Row="1" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="Center" TextColor="Gray"></Label>