title: How to add AnimatedTabControl in MahApps.Metro?
body: <p>I have started learning <code>MahApps.Metro</code>. I read the documentation and got a problem. How to add <code>AnimatedTabControl</code>?</p>
  
  <p>I've included <code>ResourceDictionaries</code>:</p>
  
  <pre><code>    &lt;ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&gt;
          &lt;ResourceDictionary.MergedDictionaries&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colours.xaml" /&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" /&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" /&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Purple.xaml" /&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseDark.xaml" /&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/FlatButton.xaml" /&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" /&gt;
              &lt;ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedSingleRowTabControl.xaml" /&gt;
          &lt;/ResourceDictionary.MergedDictionaries&gt;
      &lt;/ResourceDictionary&gt;
  </code></pre>
  
  <p>After that I started to develop the window:</p>
  
  <pre><code>&lt;Controls:MetroWindow x:Class="MyProject.MainWindow"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
          xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
          xmlns:behaviours="clr-namespace:MahApps.Metro.Behaviours;assembly=MahApps.Metro"
          Title="MyProject" ShowIconOnTitleBar="True" SaveWindowPosition="True" Height="350" Width="525"&gt;
      &lt;Window.Resources&gt;
          &lt;ResourceDictionary Source="Styles\MetroStyles.xaml" /&gt;
      &lt;/Window.Resources&gt;
  
      &lt;Controls:MetroWindow.WindowCommands&gt;
          &lt;Controls:WindowCommands&gt;
              &lt;Button Content="about" /&gt;
              &lt;Button Content="settings" /&gt;
          &lt;/Controls:WindowCommands&gt;
      &lt;/Controls:MetroWindow.WindowCommands&gt;
  
      &lt;Grid&gt;
          &lt;Controls:TransitioningContentControl x:Name="Transitioning" Transition="RightReplaceTransition"&gt;
  
          &lt;/Controls:TransitioningContentControl&gt;
      &lt;/Grid&gt;
  &lt;/Controls:MetroWindow&gt;
  </code></pre>
  
  <p><code>Metro</code> window works fine but I have no idea how to add <code>AnimatedTabControl</code>... It's not included in <code>Controls:</code> namespace.</p>
  
  <p>I want to do something like that:<br />
  <img src="https://i.stack.imgur.com/te6vI.gif" alt="Tabs"></p>