Calendar and Time view in xamarin form First we fill add calendar and time template Download right and left arrow image from google and add in your project. code is explain in this video. CalendarTemplate.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:vm="clr-namespace:SchoolUIDesigns.ViewModels" x:Class="SchoolUIDesigns.Control.CalendarTemplate"> <ContentView.Content> <Grid RowDefinitions="Auto,Auto" x:DataType="vm:CalendarViewModel"> <Label Text="{Binding WeekName}" Grid.Row="0" FontAttributes="Bold" /> <Label Text="{Binding Date}" Grid.Row="1" HorizontalOptions="Center" FontAttributes="Bold" /> </Grid> </ContentView.Content> </ContentView>

  Textbox,Button, Combobox Design in xamarin form First we will create template get fontawesome code from  here Copy code for CustomEntry from  this link . Code is explain in this video Add " PancakeView " nugget in your project. CustomTextbox.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:pcview="clr-namespace:Xamarin.Forms.PancakeView;assembly=Xamarin.Forms.PancakeView" xmlns:control="clr-namespace:LoginUIDesigns.Controls" x:Class="LoginUIDesigns.Controls.CustomTextbox"> <ContentView.Content> <StackLayout> <pcview:PancakeView x:Name="pc" CornerRadius="40,0,0,40" HeightRequest="55" BackgroundColor="White" Padding="10,0"> <

  Hotel UI Design using xamarin form First we will create template get fontawesome code from  here Copy code for CustomEntry from  this link . FilterTemplate.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="HotelUIDesign.Views.Search_Page.Template.FilterTemplate"> <ContentView.Content> <StackLayout Padding="5"> <Frame CornerRadius="20" HasShadow="True"> <Grid ColumnDefinitions="Auto,Auto"> <Label Grid.Column="0" Text="{Binding Filter}" TextColor="#202020"></Label> <Label Grid.Column="1" VerticalOptions="Center" TextColor="#202020" FontFamily="{StaticResource FontAwesomeSolid}" FontSize="20"

  Payment UI Design using xamarin form Add following code in App.xaml in Resource Dictionary tag get fontawesome code from here Watch video  to understand code       <Color x:Key="Primary">#3AC3D6</Color>             <Color x:Key="Secondary">#FFFFFF</Color>             <Color x:Key="TextColorGray">#333333</Color>             <Color x:Key="SeparatorColor">#E8E8E9</Color>             <Color x:Key="BGColor">#FFFCF7</Color>             <Style TargetType="Label" x:Key="PoppinsBoldLabel">                 <Setter Property="FontFamily" Value="Helvetica"></Setter>                 <Setter Property="FontAttributes" Value="Bold"></Setter>                 <Setter Property="TextColor" Value="{x:DynamicResource TextColorGray}"></Setter>             </Style>