Avalonia/samples/ControlCatalog/Pages/CompositionPage.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:pages="using:ControlCatalog.Pages"
             x:Class="ControlCatalog.Pages.CompositionPage">
  <TabControl>
    <TabItem Header="Implicit animations">
      <StackPanel>
        <Grid ColumnDefinitions="*,10,40" Margin="0 0 40 0">
          <ItemsControl x:Name="Items">
            <ItemsControl.ItemsPanel>
              <ItemsPanelTemplate>
                <VirtualizingWrapPanel/>
              </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.DataTemplates>
              <DataTemplate DataType="pages:CompositionPageColorItem">
                <Border 
                  pages:CompositionPage.EnableAnimations="True"
                  Padding="10" BorderBrush="Gray" BorderThickness="2"
                  Background="{Binding ColorBrush}" Width="100" Height="100" Margin="10">
                    <TextBlock Text="{Binding ColorHexValue}"/>
                </Border>
              </DataTemplate>
            </ItemsControl.DataTemplates>
          </ItemsControl>
          <GridSplitter Margin="2" BorderThickness="1" BorderBrush="Gray" 
                        Background="#e0e0e0" Grid.Column="1"
                        ResizeDirection="Columns" ResizeBehavior="PreviousAndNext"
          />
          <Border Grid.Column="2">
            <LayoutTransformControl HorizontalAlignment="Center" MinWidth="30">
              <LayoutTransformControl.LayoutTransform>
                <RotateTransform Angle="90"/>
              </LayoutTransformControl.LayoutTransform>
              <TextBlock>Resize me</TextBlock>
            </LayoutTransformControl>
          </Border>
        </Grid>
      </StackPanel>
    </TabItem>
    <TabItem Header="Animation">
      <DockPanel>
        <Button DockPanel.Dock="Top" Margin="10" Click="ButtonThreadSleep">Thread.Sleep(10000);</Button>
        <Control x:Name="SolidVisualHost" />
      </DockPanel>
    </TabItem>
    <TabItem Header="Custom">
      <DockPanel>
        <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
          <Button Margin="10" Click="ButtonThreadSleep">Thread.Sleep(10000);</Button>
          <Button Margin="10" Click="ButtonStartCustomVisual">Start</Button>
          <Button Margin="10" Click="ButtonStopCustomVisual">Stop</Button>
        </StackPanel>
        <Control x:Name="CustomVisualHost" />
      </DockPanel>
    </TabItem>
  </TabControl>
</UserControl>