MainWindow.xaml

<ui:UiWindow
    x:Class="RipShout.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:RipShout"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml" 
    ExtendsContentIntoTitleBar="True" Closing="UiWindow_Closing"
    WindowBackdropType="Mica" Loaded="UiWindow_Loaded" SourceInitialized="UiWindow_SourceInitialized"
    WindowCornerPreference="Round"
    WindowStartupLocation="CenterScreen"
    mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>        
        <Grid x:Name="RootWelcomeGrid" Grid.Row="1" Visibility="Hidden">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid Grid.Column="0">
                <Image MaxWidth="180" RenderOptions.BitmapScalingMode="HighQuality"
                    Source="pack://application:,,,/Images/app.png" />
            </Grid>
            <StackPanel Grid.Column="1" VerticalAlignment="Center" Orientation="Horizontal">
                <ui:ProgressRing IsIndeterminate="True" />
                <TextBlock Margin="10,12,0,0" FontSize="16" FontWeight="Medium" Text="Preparing RipShout for you."
                    TextAlignment="Center" TextWrapping="Wrap" />
            </StackPanel>
            <TextBlock Grid.Row="1" Grid.ColumnSpan="2" TextWrapping="Wrap" FontSize="16"></TextBlock>
        </Grid>
        <Grid x:Name="RootMainGrid" Grid.Row="1" Margin="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid Grid.Column="0" Margin="1,0,1,1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>                
                <ui:NavigationCompact x:Name="RootNavigation" Grid.Row="0" TransitionType="SlideLeft"
                    Footer="{Binding ViewModel.NavigationFooter, Mode=TwoWay}"
                    Frame="{Binding ElementName=RootFrame, Mode=OneWay}"
                    Items="{Binding ViewModel.NavigationItems, Mode=TwoWay}" />
            </Grid>            
            <Border Grid.Column="1" CornerRadius="8,0,0,0">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>                    
                    <!--<ui:Breadcrumb Grid.Row="0" Margin="0,0,0,12" HorizontalAlignment="Left" VerticalAlignment="Top"
                        FontSize="24" Navigation="{Binding ElementName=RootNavigation, Mode=OneWay}" />-->
                    <Frame x:Name="RootFrame" Grid.Row="1" Margin="0" />
                    <ui:Snackbar x:Name="RootSnackbar" Title="Hello World!" Grid.Row="1" Appearance="Secondary" CloseButtonEnabled="False"
                        Icon="Info24" Message="Remember that the Heat Death of Universe is coming someday" Timeout="2400" />
                </Grid>
            </Border>
        </Grid>
                
        <ui:TitleBar Title="RipShout" FontSize="16" Grid.Row="0" Icon="pack://application:,,,/Images/app.png" UseSnapLayout="True">
        </ui:TitleBar>
    </Grid>    
</ui:UiWindow>