Added the views and VM's I'm planning to use

src/Artemis.UI/Screens/Module/ModuleRootView.xaml

@@ -6,9 +6,11 @@
              xmlns:dragablz="http://dragablz.net/winfx/xaml/dragablz"
              xmlns:s="https://github.com/canton7/Stylet"
              xmlns:module="clr-namespace:Artemis.UI.Screens.Module"
+             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
              mc:Ignorable="d"
              d:DesignHeight="450" d:DesignWidth="800"
              d:DataContext="{d:DesignInstance module:ModuleRootViewModel}">
+
     <dragablz:TabablzControl Margin="0 -1 0 0" ItemsSource="{Binding Items}" SelectedItem="{Binding ActiveItem}" FixedHeaderCount="{Binding FixedHeaderCount}">
         <dragablz:TabablzControl.HeaderItemTemplate>
             <DataTemplate>
@@ -17,7 +19,9 @@
         </dragablz:TabablzControl.HeaderItemTemplate>
         <dragablz:TabablzControl.ContentTemplate>
             <DataTemplate>
-                <ContentControl s:View.Model="{Binding}" IsTabStop="False" />
+                <materialDesign:TransitioningContent OpeningEffect="{materialDesign:TransitionEffect FadeIn}">
+                    <ContentControl s:View.Model="{Binding}" IsTabStop="False"/>
+                </materialDesign:TransitioningContent>
             </DataTemplate>
         </dragablz:TabablzControl.ContentTemplate>
     </dragablz:TabablzControl>

src/Artemis.UI/Screens/Module/ModuleRootViewModel.cs

@@ -1,4 +1,5 @@
-using Artemis.Core.Plugins.Abstract;
+using System.Threading.Tasks;
+using Artemis.Core.Plugins.Abstract;
 using Artemis.UI.Ninject.Factories;
 using Stylet;
 
@@ -6,21 +7,34 @@ namespace Artemis.UI.Screens.Module
 {
     public class ModuleRootViewModel : Conductor<ModuleViewModel>.Collection.OneActive
     {
+        private readonly IProfileEditorViewModelFactory _profileEditorViewModelFactory;
+
         public ModuleRootViewModel(Core.Plugins.Abstract.Module module, IProfileEditorViewModelFactory profileEditorViewModelFactory)
         {
             Module = module;
+            _profileEditorViewModelFactory = profileEditorViewModelFactory;
 
-            // Add the profile editor and module VMs
-            var profileEditor = profileEditorViewModelFactory.CreateModuleViewModel(Module);
-            Items.Add(profileEditor);
-            Items.AddRange(Module.GetViewModels());
-
-            // Activate the profile editor
-            ActiveItem = profileEditor;
+            Task.Run(AddTabsAsync);
         }
 
         public string Title => Module?.DisplayName;
         public Core.Plugins.Abstract.Module Module { get; }
         public int FixedHeaderCount => Items.Count;
+
+        private async Task AddTabsAsync()
+        {
+            // Give the screen a moment to active without freezing the UI thread
+            await Task.Delay(400);
+
+            // Create the profile editor and module VMs
+            var profileEditor = _profileEditorViewModelFactory.CreateModuleViewModel(Module);
+            var moduleViewModels = Module.GetViewModels();
+
+            Items.Add(profileEditor);
+            Items.AddRange(moduleViewModels);
+
+            // Activate the profile editor
+            ActiveItem = profileEditor;
+        }
     }
 }

src/Artemis.UI/Screens/Module/ProfileEditor/DisplayConditions/DisplayConditionView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions.DisplayConditionView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <Grid>
+            
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/DisplayConditions/DisplayConditionViewModel.cs

@@ -0,0 +1,12 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions
+{
+    public class DisplayConditionViewModel
+    {
+    }
+}

src/Artemis.UI/Screens/Module/ProfileEditor/DisplayConditions/DisplayConditionsView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions.DisplayConditionsView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <Grid>
+            
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/DisplayConditions/DisplayConditionsViewModel.cs

@@ -0,0 +1,12 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Artemis.UI.Screens.Module.ProfileEditor.DisplayConditions
+{
+    class DisplayConditionsViewModel
+    {
+    }
+}

src/Artemis.UI/Screens/Module/ProfileEditor/ElementProperties/ElementPropertiesView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.ElementProperties.ElementPropertiesView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.ElementProperties"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <Grid>
+            
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/ElementProperties/ElementPropertiesViewModel.cs

@@ -0,0 +1,12 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Artemis.UI.Screens.Module.ProfileEditor.ElementProperties
+{
+    class ElementPropertiesViewModel
+    {
+    }
+}

src/Artemis.UI/Screens/Module/ProfileEditor/ElementProperties/ElementPropertyView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.ElementProperties.ElementPropertyView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.ElementProperties"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <Grid>
+            
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/ElementProperties/ElementPropertyViewModel.cs

@@ -0,0 +1,12 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Artemis.UI.Screens.Module.ProfileEditor.ElementProperties
+{
+    public class ElementPropertyViewModel
+    {
+    }
+}

src/Artemis.UI/Screens/Module/ProfileEditor/LayerElements/LayerElementView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.LayerElements.LayerElementView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.LayerElements"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <Grid>
+            
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/LayerElements/LayerElementViewModel.cs

@@ -0,0 +1,12 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Artemis.UI.Screens.Module.ProfileEditor.LayerElements
+{
+    public class LayerElementViewModel
+    {
+    }
+}

src/Artemis.UI/Screens/Module/ProfileEditor/LayerElements/LayerElementsView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.LayerElements.LayerElementsView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.LayerElements"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <Grid>
+            
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/LayerElements/LayerElementsViewModel.cs

@@ -0,0 +1,12 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Artemis.UI.Screens.Module.ProfileEditor.LayerElements
+{
+    public class LayerElementsViewModel
+    {
+    }
+}

src/Artemis.UI/Screens/Module/ProfileEditor/Layers/LayersView.xaml

@@ -0,0 +1,12 @@
+<UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.Layers.LayersView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.Layers"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <Grid>
+            
+    </Grid>
+</UserControl>

src/Artemis.UI/Screens/Module/ProfileEditor/Layers/LayersViewModel.cs

@@ -0,0 +1,12 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Artemis.UI.Screens.Module.ProfileEditor.Layers
+{
+    public class LayersViewModel
+    {
+    }
+}

src/Artemis.UI/Screens/Module/ProfileEditor/ProfileEditorView.xaml

@@ -17,8 +17,34 @@
                 <ResourceDictionary
                     Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
             </ResourceDictionary.MergedDictionaries>
+
+            <Style TargetType="Grid" x:Key="InitializingFade">
+                <Style.Triggers>
+                    <DataTrigger Binding="{Binding IsInitializing}" Value="False">
+                        <DataTrigger.EnterActions>
+                            <BeginStoryboard>
+                                <Storyboard>
+                                    <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1.0" To="0.0" Duration="0:0:0.5">
+                                        <DoubleAnimation.EasingFunction>
+                                            <QuadraticEase EasingMode="EaseInOut" />
+                                        </DoubleAnimation.EasingFunction>
+                                    </DoubleAnimation>
+                                </Storyboard>
+                            </BeginStoryboard>
+                        </DataTrigger.EnterActions>
+                        <DataTrigger.ExitActions>
+                            <BeginStoryboard>
+                                <Storyboard>
+                                    <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.0" To="1.0" />
+                                </Storyboard>
+                            </BeginStoryboard>
+                        </DataTrigger.ExitActions>
+                    </DataTrigger>
+                </Style.Triggers>
+            </Style>
         </ResourceDictionary>
     </UserControl.Resources>
+
     <Grid Margin="16">
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="*" />
@@ -145,7 +171,8 @@
                     </Button>
                 </StackPanel>
 
-                <Grid Background="{StaticResource MaterialDesignPaper}" Visibility="{Binding IsInitializing, Converter={StaticResource BoolToVisibilityConverter}, Mode=OneWay}">
+                <!-- Loading indicator -->
+                <Grid Background="{StaticResource MaterialDesignPaper}" Style="{StaticResource InitializingFade}">
                     <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                         <TextBlock FontSize="16" HorizontalAlignment="Center" VerticalAlignment="Center">
                             Initializing LED visualization...

src/Artemis.UI/Screens/Module/ProfileEditor/ProfileEditorViewModel.cs

@@ -76,7 +76,10 @@ namespace Artemis.UI.Screens.Module.ProfileEditor
                     {
                         // Gotta call IsInitializing on the UI thread or its never gets picked up
                         IsInitializing = true;
-                        Devices.Add(profileDeviceViewModel);
+                        lock (Devices)
+                        {
+                            Devices.Add(profileDeviceViewModel);
+                        }
                     });
                 }
                 // Update existing devices
@@ -87,8 +90,11 @@ namespace Artemis.UI.Screens.Module.ProfileEditor
             // Sort the devices by ZIndex
             Execute.OnUIThread(() =>
             {
-                foreach (var device in Devices.OrderBy(d => d.ZIndex).ToList())
-                    Devices.Move(Devices.IndexOf(device), device.ZIndex - 1);
+                lock (Devices)
+                {
+                    foreach (var device in Devices.OrderBy(d => d.ZIndex).ToList())
+                        Devices.Move(Devices.IndexOf(device), device.ZIndex - 1);
+                }
             });
         }