diff --git a/Bloxstrap/App.xaml b/Bloxstrap/App.xaml
index de6837b..afdfb30 100644
--- a/Bloxstrap/App.xaml
+++ b/Bloxstrap/App.xaml
@@ -1,12 +1,13 @@
 <Application x:Class="Bloxstrap.App"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:local="clr-namespace:Bloxstrap">
+             xmlns:local="clr-namespace:Bloxstrap"
+             xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml">
     <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
-                <!--<ResourceDictionary Source="Themes\ColourfulDarkTheme.xaml" />-->
-                <ResourceDictionary Source="Dialogs\Menu\Themes\LightTheme.xaml" />
+                <ui:ThemesDictionary Theme="Dark" />
+                <ui:ControlsDictionary />
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </Application.Resources>
diff --git a/Bloxstrap/App.xaml.cs b/Bloxstrap/App.xaml.cs
index 6e6eb7b..77cc318 100644
--- a/Bloxstrap/App.xaml.cs
+++ b/Bloxstrap/App.xaml.cs
@@ -6,7 +6,6 @@ using System.Net.Http;
 using System.Net;
 using System.Reflection;
 using System.Windows;
-
 using Microsoft.Win32;
 
 using Bloxstrap.Models;
@@ -96,7 +95,8 @@ namespace Bloxstrap
                 if (IsQuiet)
                     BaseDirectory = Path.Combine(Directories.LocalAppData, ProjectName);
                 else
-                    new Preferences().ShowDialog();
+                    //new Preferences().ShowDialog();
+                    new Configuration.MainWindow().ShowDialog();
             }
             else
             {
@@ -129,7 +129,8 @@ namespace Bloxstrap
             string commandLine = "";
 
 #if DEBUG
-            new Preferences().ShowDialog();
+            //new Preferences().ShowDialog();
+            new Configuration.MainWindow().ShowDialog();
 #else
             if (LaunchArgs.Length > 0)
             {
@@ -141,7 +142,8 @@ namespace Bloxstrap
                         return;
                     }
 
-                    new Preferences().ShowDialog();
+                    //new Preferences().ShowDialog();
+                    new Configuration.MainWindow().ShowDialog();
                 }
                 else if (LaunchArgs[0].StartsWith("roblox-player:"))
                 {
diff --git a/Bloxstrap/Bloxstrap.csproj b/Bloxstrap/Bloxstrap.csproj
index 7ea46c8..b6cbd71 100644
--- a/Bloxstrap/Bloxstrap.csproj
+++ b/Bloxstrap/Bloxstrap.csproj
@@ -11,6 +11,10 @@
     <FileVersion>2.0.0.0</FileVersion>
   </PropertyGroup>
 
+  <ItemGroup>
+    <None Remove="Resources\IconBloxstrap-png.png" />
+  </ItemGroup>
+
   <ItemGroup>
     <Content Include="Bloxstrap.ico" />
   </ItemGroup>
@@ -22,9 +26,15 @@
   </ItemGroup>
 
   <ItemGroup>
+    <PackageReference Include="CommunityToolkit.Mvvm" Version="8.1.0" />
     <PackageReference Include="DiscordRichPresence" Version="1.1.3.18" />
     <PackageReference Include="ini-parser-netstandard" Version="2.5.2" />
     <PackageReference Include="securifybv.ShellLink" Version="0.1.0" />
+    <PackageReference Include="WPF-UI" Version="2.0.3" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Resource Include="Resources\IconBloxstrap-png.png" />
   </ItemGroup>
 
 </Project>
diff --git a/Bloxstrap/Configuration/MainWindow.xaml b/Bloxstrap/Configuration/MainWindow.xaml
new file mode 100644
index 0000000..7d88560
--- /dev/null
+++ b/Bloxstrap/Configuration/MainWindow.xaml
@@ -0,0 +1,96 @@
+<ui:UiWindow x:Class="Bloxstrap.Configuration.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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
+             xmlns:pages="clr-namespace:Bloxstrap.Configuration.Pages"
+             mc:Ignorable="d"
+             Title="Bloxstrap - Preferences" 
+             Width="920"
+             Height="580" 
+             Background="{ui:ThemeResource ApplicationBackgroundBrush}"
+             ExtendsContentIntoTitleBar="True"
+             WindowBackdropType="Mica"
+             WindowCornerPreference="Round"
+             WindowStartupLocation="CenterScreen">
+    <!--AllowsTransparency="True"
+    WindowStyle="None"
+    WindowBackdropType="Acrylic"-->
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+        <ui:TitleBar x:Name="RootTitleBar" Grid.Row="0" ForceShutdown="False" MinimizeToTray="False" ShowHelp="False" UseSnapLayout="True" />
+
+        <Grid x:Name="RootGrid" Grid.Row="1" Margin="4,0,0,0" Visibility="Visible">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <Grid Grid.Row="0" Margin="6,0,0,24">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                    <ColumnDefinition Width="*" />
+                </Grid.ColumnDefinitions>
+
+                <Border Grid.Column="0" Width="40" Height="40">
+                    <Border.Background>
+                        <ImageBrush ImageSource="pack://application:,,,/Resources/IconBloxstrap-png.png" />
+                    </Border.Background>
+                </Border>
+                <StackPanel Grid.Column="1" Margin="12,0,0,0" VerticalAlignment="Center">
+                    <TextBlock FontSize="18" FontWeight="Medium" Text="Bloxstrap" />
+                    <TextBlock Text="Configure your preferences" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </Grid>
+
+            <ui:NavigationFluent x:Name="RootNavigation" Grid.Row="1" Grid.Column="0" Margin="0,0,12,0" Frame="{Binding ElementName=RootFrame}" SelectedPageIndex="0">
+                <ui:NavigationFluent.Items>
+                    <ui:NavigationItem Content="Integrations" PageType="{x:Type pages:IntegrationsPage}" Tag="integrations" />
+                    <ui:NavigationItem Content="Mods" PageType="{x:Type pages:ModsPage}" Tag="mods" />
+                    <ui:NavigationItem Content="Bootstrapper" PageType="{x:Type pages:BootstrapperPage}" Tag="bootstrapper" />
+                    <ui:NavigationItem Content="Installation" PageType="{x:Type pages:InstallationPage}" Tag="installation" />
+                    <ui:NavigationItem Content="About" PageType="{x:Type pages:AboutPage}" Tag="about" />
+                </ui:NavigationFluent.Items>
+            </ui:NavigationFluent>
+
+            <Grid Grid.Row="0" Grid.RowSpan="2" Grid.Column="1">
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="*" />
+                </Grid.RowDefinitions>
+                <ui:Breadcrumb Grid.Row="0" Margin="0,0,0,14" Navigation="{Binding ElementName=RootNavigation}" />
+                <Frame x:Name="RootFrame" Grid.Row="1" />
+            </Grid>
+        </Grid>
+
+        <StatusBar x:Name="RootStatusBar" Grid.Row="2" Padding="14,9,14,9" Background="{ui:ThemeResource ApplicationBackgroundBrush}" BorderThickness="0,1,0,0">
+            <StatusBar.ItemsPanel>
+                <ItemsPanelTemplate>
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="Auto" />
+                            <ColumnDefinition Width="Auto" />
+                        </Grid.ColumnDefinitions>
+                    </Grid>
+                </ItemsPanelTemplate>
+            </StatusBar.ItemsPanel>
+            <StatusBarItem Grid.Column="1" Padding="0,0,4,0">
+                <ui:Button Content="Save" Appearance="Primary" />
+            </StatusBarItem>
+            <StatusBarItem Grid.Column="2" Padding="4,0,0,0">
+                <ui:Button Content="Cancel" />
+            </StatusBarItem>
+        </StatusBar>
+    </Grid>
+</ui:UiWindow>
diff --git a/Bloxstrap/Configuration/MainWindow.xaml.cs b/Bloxstrap/Configuration/MainWindow.xaml.cs
new file mode 100644
index 0000000..5fb1df1
--- /dev/null
+++ b/Bloxstrap/Configuration/MainWindow.xaml.cs
@@ -0,0 +1,13 @@
+namespace Bloxstrap.Configuration
+{
+    /// <summary>
+    /// Interaction logic for MainWindow.xaml
+    /// </summary>
+    public partial class MainWindow
+    {
+        public MainWindow()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/Bloxstrap/Configuration/Pages/AboutPage.xaml b/Bloxstrap/Configuration/Pages/AboutPage.xaml
new file mode 100644
index 0000000..5029ad5
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/AboutPage.xaml
@@ -0,0 +1,130 @@
+<ui:UiPage x:Class="Bloxstrap.Configuration.Pages.AboutPage"
+      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:ui="http://schemas.lepo.co/wpfui/2022/xaml"
+      mc:Ignorable="d" 
+      d:DesignHeight="450" d:DesignWidth="800"
+      Title="AboutPage"
+      Scrollable="True">
+
+    <StackPanel Margin="0,0,14,14">
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <Border Grid.Column="0" Width="60" Height="60" VerticalAlignment="Center">
+                <Border.Background>
+                    <ImageBrush ImageSource="pack://application:,,,/Resources/IconBloxstrap-png.png" />
+                </Border.Background>
+            </Border>
+            <StackPanel Grid.Column="1" Margin="12,0,0,0" VerticalAlignment="Center">
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="Auto" />
+                        <ColumnDefinition Width="Auto" />
+                    </Grid.ColumnDefinitions>
+                    <TextBlock Grid.Column="0" Text="Bloxstrap" Margin="0,0,4,0" FontSize="24" FontWeight="Medium" />
+                    <TextBlock Grid.Column="1" Text="Version 2.0.0" Margin="4,0,0,2" VerticalAlignment="Bottom" FontSize="16" FontWeight="Medium" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </Grid>
+                <TextBlock Text="An open-source, feature-packed alternative bootstrapper for Roblox" FontSize="13" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                <TextBlock Text="Developed by pizzaboxer" FontSize="13" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+            </StackPanel>
+        </Grid>
+
+        <!--not enough contributors to be worth doing this yet-->
+        <TextBlock Text="Contributions" FontWeight="Medium" FontSize="20" Margin="0,16,0,0" />
+        <TextBlock Text="These are the people who have made notable contributions to Bloxstrap, helping make it what it is." FontSize="13" TextWrapping="Wrap" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+        <Grid Column="0" Margin="0,16,0,0">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <TextBlock Grid.Row="0" Grid.Column="0" Margin="0,0,16,8" FontSize="13" Text="Multako"  />
+            <TextBlock Grid.Row="0" Grid.Column="1" Margin="0,0,0,8" FontSize="13" Text="Designing the Bloxstrap logo" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+
+            <TextBlock Grid.Row="1" Grid.Column="0" Margin="0,0,16,8" FontSize="13" Text="bluepilledgreat" />
+            <TextBlock Grid.Row="1" Grid.Column="1" Margin="0,0,0,8" FontSize="13" Text="Helping with bootstrapper functionality and UX" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+
+            <TextBlock Grid.Row="2" Grid.Column="0" Margin="0,0,16,8" FontSize="13" Text="sitiom" />
+            <TextBlock Grid.Row="2" Grid.Column="1" Margin="0,0,0,8" FontSize="13" Text="Setting up GitHub CI workflows and Winget releases" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+        </Grid>
+
+        <TextBlock Text="Licenses" FontWeight="Medium" FontSize="18" Margin="0,16,0,0" />
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <TextBlock Grid.Row="0" Grid.Column="0" Text="Bloxstrap" FontSize="14" TextWrapping="Wrap" Margin="0,8,0,0" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+            <ui:CardAction Grid.Row="1" Grid.Column="0" Tag="messagebox" Margin="0,8,8,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Bloxstrap by pizzaboxer" />
+                    <TextBlock FontSize="12" Text="MIT License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Row="1" Grid.Column="1" Tag="messagebox" Margin="0,8,8,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="WPF-UI by Lepoco" />
+                    <TextBlock FontSize="12" Text="MIT License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Row="1" Grid.Column="2" Tag="messagebox" Margin="0,8,0,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="ShellLink by securifybv" />
+                    <TextBlock FontSize="12" Text="MIT License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Row="2" Grid.Column="0" Tag="messagebox" Margin="0,8,8,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="ini-parser by rickyah" />
+                    <TextBlock FontSize="12" Text="MIT License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2" Tag="messagebox" Margin="0,8,0,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Roblox Studio Mod Manager by MaximumADHD" />
+                    <TextBlock FontSize="12" Text="MIT License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+
+            <TextBlock Grid.Row="3" Grid.Column="0" Text="Integrations" FontSize="14" TextWrapping="Wrap" Margin="0,8,0,0" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+            <ui:CardAction Grid.Row="4" Grid.Column="0" Tag="messagebox" Margin="0,8,8,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="DiscordRPC by Lachee" />
+                    <TextBlock FontSize="12" Text="MIT License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Row="4" Grid.Column="1" Tag="messagebox" Margin="0,8,8,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="ReShade by crosire" />
+                    <TextBlock FontSize="12" Text="BSD 3-Clause License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Row="4" Grid.Column="2" Tag="messagebox" Margin="0,8,0,0">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="rbxfpsunlocker by axstin" />
+                    <TextBlock FontSize="12" Text="MIT License" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardAction>
+        </Grid>
+    </StackPanel>
+</ui:UiPage>
diff --git a/Bloxstrap/Configuration/Pages/AboutPage.xaml.cs b/Bloxstrap/Configuration/Pages/AboutPage.xaml.cs
new file mode 100644
index 0000000..a937cb0
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/AboutPage.xaml.cs
@@ -0,0 +1,13 @@
+namespace Bloxstrap.Configuration.Pages
+{
+    /// <summary>
+    /// Interaction logic for AboutPage.xaml
+    /// </summary>
+    public partial class AboutPage
+    {
+        public AboutPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/Bloxstrap/Configuration/Pages/BootstrapperPage.xaml b/Bloxstrap/Configuration/Pages/BootstrapperPage.xaml
new file mode 100644
index 0000000..7369157
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/BootstrapperPage.xaml
@@ -0,0 +1,66 @@
+<ui:UiPage x:Class="Bloxstrap.Configuration.Pages.BootstrapperPage"
+      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:ui="http://schemas.lepo.co/wpfui/2022/xaml"
+      mc:Ignorable="d" 
+      d:DesignHeight="450" d:DesignWidth="800"
+      Title="BootstrapperPage"
+      Scrollable="True">
+
+    <StackPanel Margin="0,0,14,14">
+        <TextBlock Text="Configure how Bloxstrap should function and look." FontSize="14" Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
+
+        <TextBlock Text="Behaviour" FontSize="16" FontWeight="Medium" Margin="0,16,0,0" />
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Update Bloxstrap on startup" />
+                    <TextBlock FontSize="12" Text="Bloxstrap will check and automatically update itself when launching Roblox." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Prompt on Roblox-forced channel change" />
+                    <TextBlock FontSize="12" Text="Confirm if Roblox mandates a channel change on launch. Otherwise, it'll change automatically." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+
+        <!--should this all be in a collapsed panel like how channel settings are? that might be better, idk-->
+        <TextBlock Text="Appearance" FontSize="16" FontWeight="Medium" Margin="0,16,0,0" />
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Theme" />
+                    <TextBlock FontSize="12" Text="Dark theme does not apply to Legacy or Vista styles." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ComboBox />
+        </ui:CardControl>
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Style" />
+                    <TextBlock FontSize="12" Text="Choose how the bootstrapper should look." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ComboBox />
+        </ui:CardControl>
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Icon" />
+                    <TextBlock FontSize="12" Text="Choose what icon the bootstrapper should use." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ComboBox />
+        </ui:CardControl>
+        <ui:Button Content="Preview" HorizontalAlignment="Stretch" Margin="0,8,0,0" />
+    </StackPanel>
+</ui:UiPage>
diff --git a/Bloxstrap/Configuration/Pages/BootstrapperPage.xaml.cs b/Bloxstrap/Configuration/Pages/BootstrapperPage.xaml.cs
new file mode 100644
index 0000000..2576b63
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/BootstrapperPage.xaml.cs
@@ -0,0 +1,13 @@
+namespace Bloxstrap.Configuration.Pages
+{
+    /// <summary>
+    /// Interaction logic for BootstrapperPage.xaml
+    /// </summary>
+    public partial class BootstrapperPage
+    {
+        public BootstrapperPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/Bloxstrap/Configuration/Pages/InstallationPage.xaml b/Bloxstrap/Configuration/Pages/InstallationPage.xaml
new file mode 100644
index 0000000..ca0ffc7
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/InstallationPage.xaml
@@ -0,0 +1,87 @@
+<ui:UiPage x:Class="Bloxstrap.Configuration.Pages.InstallationPage"
+      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:ui="http://schemas.lepo.co/wpfui/2022/xaml"
+      mc:Ignorable="d" 
+      d:DesignHeight="450" d:DesignWidth="800"
+      Title="InstallationPage"
+      Scrollable="True">
+
+    <StackPanel Margin="0,0,14,14">
+        <TextBlock Text="Configure how Bloxstrap and Roblox is installed." FontSize="14" Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
+
+        <ui:CardExpander Margin="0,16,0,0">
+            <ui:CardExpander.Header>
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Install Location" />
+                    <TextBlock FontSize="12" Text="Choose where Bloxstrap should be installed to." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardExpander.Header>
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="*" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <TextBox Grid.Column="0" Margin="0,0,4,0" />
+                <ui:Button Grid.Column="1" Margin="4,0,0,0" Height="35" Icon="Folder24" Content="Browse" />
+            </Grid>
+        </ui:CardExpander>
+
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Create desktop icon" />
+                    <TextBlock FontSize="12" Text="Bloxstrap will place an icon on the desktop that launches Roblox." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+
+        <ui:CardExpander Margin="0,8,0,0">
+            <ui:CardExpander.Header>
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="Auto" />
+                    </Grid.ColumnDefinitions>
+                    <StackPanel Grid.Column="0">
+                        <TextBlock FontSize="13" FontWeight="Medium" Text="Channel" />
+                        <TextBlock FontSize="12" Text="Choose which release channel to download Roblox from." Foreground="{DynamicResource TextFillColorTertiaryBrush}"  />
+                    </StackPanel>
+                    <ComboBox Grid.Column="1" Margin="8,0,8,0" />
+                </Grid>
+            </ui:CardExpander.Header>
+            <StackPanel>
+                <Grid>
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="*" />
+                        <ColumnDefinition Width="Auto" />
+                    </Grid.ColumnDefinitions>
+                    <Grid Column="0" Margin="0,0,4,0">
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="*" />
+                            <RowDefinition Height="*" />
+                            <RowDefinition Height="*" />
+                        </Grid.RowDefinitions>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="Auto" />
+                            <ColumnDefinition Width="*" />
+                        </Grid.ColumnDefinitions>
+
+                        <TextBlock Grid.Row="0" Grid.Column="0" Margin="0,0,16,8" VerticalAlignment="Center" Text="Version" />
+                        <TextBlock Grid.Row="0" Grid.Column="1" Text="v0.560.0.5600365" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+
+                        <TextBlock Grid.Row="1" Grid.Column="0" Margin="0,0,16,8" VerticalAlignment="Center" Text="Hash" />
+                        <TextBlock Grid.Row="1" Grid.Column="1" Text="version-41dcbd77dbcf416f" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+
+                        <TextBlock Grid.Row="2" Grid.Column="0" Margin="0,0,16,0" VerticalAlignment="Center" Text="Deployed" />
+                        <TextBlock Grid.Row="2" Grid.Column="1" Text="January 25 2023 at 6:03:48 PM" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                    </Grid>
+                    <CheckBox Grid.Column="1" Margin="4,0,0,0" Content="Show all available channels" VerticalAlignment="Top" />
+                </Grid>
+            </StackPanel>
+        </ui:CardExpander>
+    </StackPanel>
+</ui:UiPage>
diff --git a/Bloxstrap/Configuration/Pages/InstallationPage.xaml.cs b/Bloxstrap/Configuration/Pages/InstallationPage.xaml.cs
new file mode 100644
index 0000000..8e77793
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/InstallationPage.xaml.cs
@@ -0,0 +1,13 @@
+namespace Bloxstrap.Configuration.Pages
+{
+    /// <summary>
+    /// Interaction logic for InstallationPage.xaml
+    /// </summary>
+    public partial class InstallationPage
+    {
+        public InstallationPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/Bloxstrap/Configuration/Pages/IntegrationsPage.xaml b/Bloxstrap/Configuration/Pages/IntegrationsPage.xaml
new file mode 100644
index 0000000..80bb266
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/IntegrationsPage.xaml
@@ -0,0 +1,92 @@
+<ui:UiPage x:Class="Bloxstrap.Configuration.Pages.IntegrationsPage"
+      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:ui="http://schemas.lepo.co/wpfui/2022/xaml"
+      mc:Ignorable="d" 
+      d:DesignHeight="450" d:DesignWidth="800"
+      Title="IntegrationsPage"
+      Scrollable="True">
+
+    <StackPanel Margin="0,0,14,14">
+        <TextBlock Text="Configure quick and easy ways to improve the Roblox gameplay experience." FontSize="14" Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
+
+        <TextBlock Text="Discord Rich Presence" FontSize="16" FontWeight="Medium" Margin="0,16,0,0" />
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Show game activity" />
+                    <TextBlock FontSize="12" Text="The game you're playing on Roblox will show on your Discord activity." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Allow activity joining" />
+                    <TextBlock FontSize="12" Text="When enabled, anyone can join your game through your Discord activity." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+
+        <TextBlock Text="ReShade" FontSize="16" FontWeight="Medium" Margin="0,16,0,0" />
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Use ReShade" />
+                    <TextBlock FontSize="12" Text="Reshade is a post-processing injector that enables the use of shaders." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Use Extravi's shader presets" />
+                    <TextBlock FontSize="12" Text="ReShade presets made specifically for Roblox that enhance your graphics." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <ui:CardAction Grid.Column="0" Margin="0,8,4,0" Icon="Folder24" Tag="messagebox">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Open ReShade Folder" />
+                    <!--<TextBlock FontSize="12" Text="Bloxstrap must first be installed" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />-->
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Column="1" Margin="4,8,0,0" Icon="BookQuestionMark24" Tag="messagebox">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Help" />
+                </StackPanel>
+            </ui:CardAction>
+        </Grid>
+
+        <TextBlock Text="FPS Unlocking" FontSize="16" FontWeight="Medium" Margin="0,16,0,0" />
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Use axstin's rbxfpsunlocker" />
+                    <TextBlock FontSize="12" Text="rbxfpsunlocker removes Roblox's 60FPS cap." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+        <ui:CardControl Margin="0,8,0,0">
+            <ui:CardControl.Header>
+                <StackPanel Grid.Column="0">
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Stop when Roblox closes" />
+                    <TextBlock FontSize="12" Text="rbxfpsunlocker will automatically close when Roblox closes." Foreground="{DynamicResource TextFillColorTertiaryBrush}" />
+                </StackPanel>
+            </ui:CardControl.Header>
+            <ui:ToggleSwitch />
+        </ui:CardControl>
+    </StackPanel>
+</ui:UiPage>
diff --git a/Bloxstrap/Configuration/Pages/IntegrationsPage.xaml.cs b/Bloxstrap/Configuration/Pages/IntegrationsPage.xaml.cs
new file mode 100644
index 0000000..1c053be
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/IntegrationsPage.xaml.cs
@@ -0,0 +1,13 @@
+namespace Bloxstrap.Configuration.Pages
+{
+    /// <summary>
+    /// Interaction logic for IntegrationsPage.xaml
+    /// </summary>
+    public partial class IntegrationsPage
+    {
+        public IntegrationsPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/Bloxstrap/Configuration/Pages/ModsPage.xaml b/Bloxstrap/Configuration/Pages/ModsPage.xaml
new file mode 100644
index 0000000..709a75a
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/ModsPage.xaml
@@ -0,0 +1,71 @@
+<ui:UiPage x:Class="Bloxstrap.Configuration.Pages.ModsPage"
+      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:ui="http://schemas.lepo.co/wpfui/2022/xaml"
+      mc:Ignorable="d" 
+      d:DesignHeight="450" d:DesignWidth="800"
+      Title="ModsPage"
+      Scrollable="True">
+
+    <StackPanel Margin="0,0,14,14">
+        <TextBlock Text="Manage and apply file mods to the Roblox game client." FontSize="14" Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
+
+        <Grid Margin="0,16,0,0">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <ui:CardAction Grid.Column="0" Margin="0,8,4,0" Icon="Folder24" Tag="messagebox">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Open Mods Folder" />
+                    <!--<TextBlock FontSize="12" Text="Bloxstrap must first be installed" Foreground="{DynamicResource TextFillColorTertiaryBrush}" />-->
+                </StackPanel>
+            </ui:CardAction>
+            <ui:CardAction Grid.Column="1" Margin="4,8,0,0" Icon="BookQuestionMark24" Tag="messagebox">
+                <StackPanel>
+                    <TextBlock FontSize="13" FontWeight="Medium" Text="Help" />
+                </StackPanel>
+            </ui:CardAction>
+        </Grid>
+
+        <TextBlock Text="Presets" FontSize="16" Margin="0,16,0,0" Foreground="{DynamicResource TextFillColorSecondaryBrush}" />
+        <Grid>
+            <Grid.RowDefinitions>
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <ui:CardControl Grid.Row="0" Grid.Column="0"  Margin="0,8,4,0">
+                <ui:CardControl.Header>
+                    <StackPanel Grid.Column="0">
+                        <TextBlock FontSize="13" FontWeight="Medium" Text="Use old death sound" />
+                    </StackPanel>
+                </ui:CardControl.Header>
+                <ui:ToggleSwitch />
+            </ui:CardControl>
+            <ui:CardControl Grid.Row="0" Grid.Column="1" Margin="4,8,0,0">
+                <ui:CardControl.Header>
+                    <StackPanel Grid.Column="0">
+                        <TextBlock FontSize="13" FontWeight="Medium" Text="Use old mouse cursor" />
+                    </StackPanel>
+                </ui:CardControl.Header>
+                <ui:ToggleSwitch />
+            </ui:CardControl>
+
+            <ui:CardControl Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Margin="0,8,0,0">
+                <ui:CardControl.Header>
+                    <StackPanel Grid.Column="0">
+                        <TextBlock FontSize="13" FontWeight="Medium" Text="Disable desktop app" />
+                    </StackPanel>
+                </ui:CardControl.Header>
+                <ui:ToggleSwitch />
+            </ui:CardControl>
+        </Grid>
+    </StackPanel>
+</ui:UiPage>
diff --git a/Bloxstrap/Configuration/Pages/ModsPage.xaml.cs b/Bloxstrap/Configuration/Pages/ModsPage.xaml.cs
new file mode 100644
index 0000000..45b2007
--- /dev/null
+++ b/Bloxstrap/Configuration/Pages/ModsPage.xaml.cs
@@ -0,0 +1,13 @@
+namespace Bloxstrap.Configuration.Pages
+{
+    /// <summary>
+    /// Interaction logic for ModsPage.xaml
+    /// </summary>
+    public partial class ModsPage
+    {
+        public ModsPage()
+        {
+            InitializeComponent();
+        }
+    }
+}
diff --git a/Bloxstrap/Helpers/Updater.cs b/Bloxstrap/Helpers/Updater.cs
index 1eee9d9..6876093 100644
--- a/Bloxstrap/Helpers/Updater.cs
+++ b/Bloxstrap/Helpers/Updater.cs
@@ -58,7 +58,8 @@ namespace Bloxstrap.Helpers
                 MessageBoxButton.OK
             );
 
-            new Preferences().ShowDialog();
+            //new Preferences().ShowDialog();
+            new Configuration.MainWindow().ShowDialog();
             App.Terminate();
         }
     }