diff --git a/src/components/PackExplorer/HomeView/CreateProjectBtn.vue b/src/components/PackExplorer/HomeView/CreateProjectBtn.vue
index ba44528d3..25c3e17ec 100644
--- a/src/components/PackExplorer/HomeView/CreateProjectBtn.vue
+++ b/src/components/PackExplorer/HomeView/CreateProjectBtn.vue
@@ -19,13 +19,13 @@
 			>
 				<v-icon class="mr-1">mdi-plus</v-icon>
 				<span v-if="availableWidth > 220">
-					{{ t('packExplorer.noProjectView.createLocalProject') }}
+					{{ t('windows.createProject.title') }}
 				</span>
 			</v-btn>
 		</template>
 
 		<span>
-			{{ t('packExplorer.noProjectView.createLocalProject') }}
+			{{ t('windows.createProject.title') }}
 		</span>
 	</v-tooltip>
 </template>
@@ -71,7 +71,8 @@ export default {
 		},
 		calculateAvailableWidth() {
 			if (this.$refs.button)
-				this.availableWidth = this.$refs.button.$el.getBoundingClientRect().width
+				this.availableWidth =
+					this.$refs.button.$el.getBoundingClientRect().width
 		},
 	},
 }
diff --git a/src/components/Projects/CreateProject/CreateCategories.ts b/src/components/Projects/CreateProject/CreateCategories.ts
new file mode 100644
index 000000000..1823c8fab
--- /dev/null
+++ b/src/components/Projects/CreateProject/CreateCategories.ts
@@ -0,0 +1,39 @@
+import GeneralTab from './Tabs/GeneralTab.vue'
+import FilesTab from './Tabs/CreateFile/Tab.vue'
+import ExperimentalGameplayTab from './Tabs/ExperimentalGameplay/Tab.vue'
+import ProjectTypeTab from './Tabs/ProjectType/Tab.vue'
+import PackTypeTab from './Tabs/PackTypeTab.vue'
+
+interface ICreateCategory {
+	icon: string
+	id: string
+	component: any
+}
+
+export const createCategories: ICreateCategory[] = [
+	{
+		icon: 'mdi-circle-outline',
+		id: 'general',
+		component: GeneralTab,
+	},
+	{
+		icon: 'mdi-package-variant-closed',
+		id: 'projectType',
+		component: ProjectTypeTab,
+	},
+	{
+		icon: 'mdi-wrench',
+		id: 'packType',
+		component: PackTypeTab,
+	},
+	{
+		icon: 'mdi-test-tube',
+		id: 'experimentalGameplay',
+		component: ExperimentalGameplayTab,
+	},
+	{
+		icon: 'mdi-file-outline',
+		id: 'files',
+		component: FilesTab,
+	},
+]
diff --git a/src/components/Projects/CreateProject/CreateProject.ts b/src/components/Projects/CreateProject/CreateProject.ts
index c309a90f7..023f81acc 100644
--- a/src/components/Projects/CreateProject/CreateProject.ts
+++ b/src/components/Projects/CreateProject/CreateProject.ts
@@ -1,6 +1,5 @@
 import { App } from '/@/App'
 import { FileSystem } from '/@/components/FileSystem/FileSystem'
-import CreateProjectComponent from './CreateProject.vue'
 import { CreatePack } from './Packs/Pack'
 import { CreateBP } from './Packs/BP'
 import { CreateRP } from './Packs/RP'
@@ -19,12 +18,17 @@ import {
 	getFormatVersions,
 	getStableFormatVersion,
 } from '/@/components/Data/FormatVersions'
-import { Project } from '../Project/Project'
 import { CreateDenoConfig } from './Files/DenoConfig'
-import { IWindowState, NewBaseWindow } from '../../Windows/NewBaseWindow'
-import { reactive } from 'vue'
+import { reactive, watch } from 'vue'
+import { translate } from '../../Locales/Manager'
+import { createCategories } from './CreateCategories'
+import {
+	IStepperWindowState,
+	StepperWindow,
+} from '../../Windows/StepperWindow/StepperWindow'
 
 export interface ICreateProjectOptions {
+	projectType: 'bridgeFolder' | 'local' | 'comMojang'
 	author: string | string[]
 	description: string
 	icon: File | null
@@ -50,13 +54,12 @@ export interface IExperimentalToggle {
 	description: string
 }
 
-export interface ICreateProjectState extends IWindowState {
-	isCreatingProject: boolean
+export interface ICreateProjectState extends IStepperWindowState {
 	createOptions: ICreateProjectOptions
 	availableTargetVersionsLoading: boolean
 }
-export class CreateProjectWindow extends NewBaseWindow {
-	protected isFirstProject = false
+
+export class CreateProjectWindow extends StepperWindow {
 	protected availableTargetVersions: string[] = []
 	protected stableVersion: string = ''
 	protected packs: Record<TPackTypeId | '.bridge' | 'worlds', CreatePack> = <
@@ -90,9 +93,9 @@ export class CreateProjectWindow extends NewBaseWindow {
 
 	protected state: ICreateProjectState = reactive<any>({
 		...super.getState(),
-		isCreatingProject: false,
 		createOptions: this.getDefaultOptions(),
 		availableTargetVersionsLoading: true,
+		windowTitle: 'windows.createProject.title',
 	})
 
 	get createOptions() {
@@ -117,7 +120,7 @@ export class CreateProjectWindow extends NewBaseWindow {
 	}
 
 	constructor() {
-		super(CreateProjectComponent, false)
+		super({ keepAlive: true })
 		this.defineWindow()
 
 		App.ready.once(async (app) => {
@@ -139,24 +142,78 @@ export class CreateProjectWindow extends NewBaseWindow {
 		App.packType.ready.once(() => {
 			this.availablePackTypes = App.packType.all
 		})
+
+		this.setupWindow()
 	}
 
 	get hasRequiredData() {
-		return (
-			this.createOptions.packs.length > 1 &&
-			this.projectNameRules.every(
-				(rule) => rule(this.createOptions.name) === true
-			) &&
-			this.createOptions.namespace.length > 0 &&
-			this.createOptions.author.length > 0 &&
-			this.createOptions.targetVersion.length > 0
+		return createCategories.every(({ id }) => this.tabHasRequiredData(id))
+	}
+
+	tabHasRequiredData(tabId: string) {
+		switch (tabId) {
+			case 'general':
+				return (
+					this.projectNameRules.every(
+						(rule) => rule(this.createOptions.name) === true
+					) &&
+					this.createOptions.namespace.length > 0 &&
+					this.createOptions.author.length > 0 &&
+					this.createOptions.targetVersion.length > 0
+				)
+			case 'packType':
+				return this.createOptions.packs.length > 1
+
+			default:
+				return true
+		}
+	}
+
+	/**
+	 * Sets up the steps for the stepper window and the confirm button
+	 */
+	setupWindow() {
+		createCategories.forEach((category) => {
+			this.addStep({
+				icon: category.icon,
+				id: category.id,
+				color: 'accent',
+				name: translate(
+					'windows.createProject.categories.' + category.id
+				),
+				component: category.component,
+			})
+		})
+
+		this.updateConfirmState({
+			name: translate('windows.createProject.create'),
+			color: 'primary',
+			icon: 'mdi-plus',
+			isDisabled: true,
+			isLoading: false,
+			onConfirm: async () => {
+				this.state.confirm.isLoading = true
+				// TODO remove test code
+				// await this.createProject()
+				await new Promise<void>((resolve) => {
+					setTimeout(() => resolve(), 1000)
+				})
+				this.state.confirm.isLoading = false
+
+				this.close()
+			},
+		})
+
+		watch(
+			() => this.hasRequiredData,
+			() => (this.state.confirm.isDisabled = !this.hasRequiredData)
 		)
 	}
 
-	open(isFirstProject = false) {
+	open() {
 		this.state.createOptions = this.getDefaultOptions()
+		this.sidebar.setDefaultSelected()
 
-		this.isFirstProject = isFirstProject
 		this.packCreateFiles.forEach(
 			(createFile) => (createFile.isActive = true)
 		)
@@ -168,16 +225,12 @@ export class CreateProjectWindow extends NewBaseWindow {
 		const app = await App.getApp()
 
 		const removeOldProject =
-			isUsingFileSystemPolyfill.value &&
-			!app.hasNoProjects &&
-			!this.isFirstProject
+			isUsingFileSystemPolyfill.value && !app.hasNoProjects
 
 		// Save previous project name to delete it later
-		let previousProject: Project | undefined
-		if (!this.isFirstProject)
-			previousProject = app.isNoProjectSelected
-				? app.projects[0]
-				: app.project
+		let previousProject = app.isNoProjectSelected
+			? app.projects[0]
+			: app.project
 
 		// Ask user whether we should save the current project
 		if (removeOldProject) {
@@ -229,6 +282,7 @@ export class CreateProjectWindow extends NewBaseWindow {
 
 	static getDefaultOptions(): ICreateProjectOptions {
 		return {
+			projectType: 'local',
 			author:
 				<string | undefined>settingsState?.projects?.defaultAuthor ??
 				'',
@@ -271,6 +325,7 @@ export class CreateProjectWindow extends NewBaseWindow {
 			config = await app.project.fileSystem.readJSON('config.json')
 
 			return {
+				projectType: 'local',
 				author: config.author ?? '',
 				description: config.description ?? '',
 				icon: null,
diff --git a/src/components/Projects/CreateProject/CreateProject.vue b/src/components/Projects/CreateProject/CreateProject.vue
deleted file mode 100644
index 6b925167d..000000000
--- a/src/components/Projects/CreateProject/CreateProject.vue
+++ /dev/null
@@ -1,340 +0,0 @@
-<template>
-	<BaseWindow
-		v-if="state.shouldRender"
-		windowTitle="windows.createProject.title"
-		:isVisible="state.isVisible"
-		:hasMaximizeButton="false"
-		:hasCloseButton="!window.isFirstProject"
-		:isFullscreen="false"
-		:isPersistent="state.isCreatingProject || window.isFirstProject"
-		:percentageWidth="80"
-		:percentageHeight="80"
-		@closeWindow="close"
-	>
-		<template #default>
-			<!-- Welcome text for users getting started with bridge. -->
-
-			<BridgeSheet class="pa-3 mb-2" v-if="window.isFirstProject">
-				<h1>
-					{{ t('windows.createProject.welcome') }}
-				</h1>
-				<span>
-					{{ t('windows.createProject.welcomeDescription') }}
-				</span>
-			</BridgeSheet>
-
-			<v-row class="mb-6" dense>
-				<v-col
-					v-for="packType in window.availablePackTypes"
-					:key="packType.id"
-					xs="12"
-					sm="6"
-					md="4"
-					lg="3"
-					xl="2"
-				>
-					<PackTypeViewer
-						:packType="packType"
-						isSelectable
-						style="height: 100%"
-						:selected="
-							state.createOptions.packs.includes(packType.id)
-						"
-						@click="togglePack(packType.id)"
-					>
-						<template
-							v-if="packType.id === 'behaviorPack'"
-							#default="{ selected }"
-						>
-							<!-- I am not sure why the bpAsRpDependency toggle needs an OR here but it seems to work correctly & fixes an issue where the user had to click the toggle twice -->
-							<v-switch
-								inset
-								dense
-								:label="
-									t('windows.createProject.bpAsRpDependency')
-								"
-								:value="
-									state.createOptions.rpAsBpDependency ||
-									state.createOptions.packs.includes(
-										'resourcePack'
-									)
-								"
-								@click.stop.native="
-									state.createOptions.bpAsRpDependency =
-										!state.createOptions.bpAsRpDependency
-								"
-								:disabled="
-									!selected ||
-									!state.createOptions.packs.includes(
-										'resourcePack'
-									)
-								"
-								class="mt-3"
-							/>
-						</template>
-						<template
-							v-else-if="packType.id === 'resourcePack'"
-							#default="{ selected }"
-						>
-							<!-- I am not sure why the rpAsBpDependency toggle needs an OR here but it seems to work correctly & fixes an issue where the user had to click the toggle twice -->
-							<v-switch
-								inset
-								dense
-								:label="
-									t('windows.createProject.rpAsBpDependency')
-								"
-								:value="
-									state.createOptions.rpAsBpDependency ||
-									state.createOptions.packs.includes(
-										'behaviorPack'
-									)
-								"
-								@click.stop.native="
-									state.createOptions.rpAsBpDependency =
-										!state.createOptions.rpAsBpDependency
-								"
-								:disabled="
-									!selected ||
-									!state.createOptions.packs.includes(
-										'behaviorPack'
-									)
-								"
-								class="mt-3"
-							/>
-						</template>
-					</PackTypeViewer>
-				</v-col>
-			</v-row>
-
-			<!-- Experimental Gameplay Toggles -->
-			<v-expansion-panels class="mb-6">
-				<v-expansion-panel>
-					<v-expansion-panel-header
-						color="expandedSidebar"
-						expand-icon="mdi-menu-down"
-					>
-						{{ t('general.experimentalGameplay') }}
-					</v-expansion-panel-header>
-					<v-expansion-panel-content color="expandedSidebar">
-						<v-row dense>
-							<v-col
-								v-for="experiment in window.experimentalToggles"
-								:key="experiment.id"
-								xs="12"
-								sm="6"
-								md="4"
-								lg="3"
-								xl="2"
-							>
-								<ExperimentalGameplay
-									:experiment="experiment"
-									v-model="
-										state.createOptions
-											.experimentalGameplay[experiment.id]
-									"
-									style="height: 100%"
-								/>
-							</v-col>
-						</v-row>
-					</v-expansion-panel-content>
-				</v-expansion-panel>
-			</v-expansion-panels>
-
-			<!-- Toggle Creation of individual files -->
-			<v-expansion-panels
-				v-if="window.packCreateFiles.length > 0"
-				class="mb-6"
-			>
-				<v-expansion-panel>
-					<v-expansion-panel-header
-						color="expandedSidebar"
-						expand-icon="mdi-menu-down"
-					>
-						{{ t('windows.createProject.individualFiles.name') }}
-					</v-expansion-panel-header>
-					<v-expansion-panel-content color="expandedSidebar">
-						<v-row dense>
-							<v-col
-								v-for="(file, i) in window.packCreateFiles"
-								:key="`${i}-${file.id}`"
-								xs="12"
-								sm="6"
-								md="4"
-								lg="3"
-								xl="3"
-							>
-								<CreateFile
-									:file="file"
-									v-model="file.isActive"
-									style="height: 100%"
-								/>
-							</v-col>
-						</v-row>
-					</v-expansion-panel-content>
-				</v-expansion-panel>
-			</v-expansion-panels>
-
-			<div class="d-flex">
-				<div
-					style="width: 40%"
-					@drop.prevent.stop="onDropFile"
-					@dragover.prevent.stop
-				>
-					<v-file-input
-						v-model="state.createOptions.icon"
-						:label="t('windows.createProject.packIcon')"
-						:prepend-icon="null"
-						prepend-inner-icon="mdi-image-outline"
-						accept="image/png"
-						class="mr-2"
-						outlined
-						dense
-					/>
-				</div>
-
-				<v-text-field
-					v-model="state.createOptions.name"
-					:label="t('windows.createProject.projectName.name')"
-					:rules="nameRules"
-					autocomplete="off"
-					class="ml-2"
-					outlined
-					dense
-				/>
-			</div>
-
-			<v-textarea
-				v-model="state.createOptions.description"
-				:label="t('windows.createProject.projectDescription')"
-				autocomplete="off"
-				auto-grow
-				rows="1"
-				counter
-				outlined
-				dense
-			/>
-
-			<div class="d-flex">
-				<v-text-field
-					v-model="state.createOptions.namespace"
-					:label="t('windows.createProject.projectPrefix')"
-					autocomplete="off"
-					class="mr-2"
-					outlined
-					dense
-				/>
-				<v-text-field
-					v-model="state.createOptions.author"
-					:label="t('windows.createProject.projectAuthor')"
-					autocomplete="off"
-					class="mx-2"
-					outlined
-					dense
-				/>
-
-				<v-autocomplete
-					v-model="state.createOptions.targetVersion"
-					:label="t('windows.createProject.projectTargetVersion')"
-					autocomplete="off"
-					:menu-props="{
-						maxHeight: 220,
-						rounded: 'lg',
-						'nudge-top': -8,
-						transition: 'slide-y-transition',
-					}"
-					:items="window.availableTargetVersions"
-					:loading="state.availableTargetVersionsLoading"
-					class="ml-2"
-					outlined
-					dense
-				/>
-			</div>
-
-			<div class="d-flex flex-column">
-				<v-switch
-					inset
-					dense
-					:label="t('windows.createProject.useLangForManifest')"
-					v-model="state.createOptions.useLangForManifest"
-				></v-switch>
-				<v-switch
-					inset
-					dense
-					:label="t('windows.createProject.bdsProject')"
-					v-model="state.createOptions.bdsProject"
-				></v-switch>
-			</div>
-		</template>
-
-		<template #actions>
-			<v-spacer />
-			<v-btn
-				color="primary"
-				:disabled="!window.hasRequiredData || state.isCreatingProject"
-				:loading="state.isCreatingProject"
-				@click="createProject"
-			>
-				<v-icon class="pr-2">mdi-plus</v-icon>
-				<span>{{ t('windows.createProject.create') }}</span>
-			</v-btn>
-		</template>
-	</BaseWindow>
-</template>
-
-<script lang="ts" setup>
-import BaseWindow from '/@/components/Windows/Layout/BaseWindow.vue'
-import PackTypeViewer from '/@/components/Data/PackTypeViewer.vue'
-import ExperimentalGameplay from './ExperimentalGameplay.vue'
-import CreateFile from './CreateFile.vue'
-import BridgeSheet from '/@/components/UIElements/Sheet.vue'
-import { isFileAccepted } from '/@/utils/file/isAccepted'
-import { useTranslations } from '../../Composables/useTranslations'
-import { computed } from 'vue'
-
-const { t } = useTranslations()
-const props = defineProps(['window'])
-const state = props.window.state
-
-const nameRules = computed(() => {
-	return props.window.projectNameRules.map((rule: any) => (val: any) => {
-		const res = rule(val)
-		if (res === true) return true
-
-		return t(res)
-	})
-})
-
-async function createProject() {
-	state.isCreatingProject = true
-	await props.window.createProject()
-	state.isCreatingProject = false
-	props.window.close()
-}
-function close() {
-	props.window.close()
-}
-
-function togglePack(packPath: string) {
-	const packs = state.createOptions.packs
-	const index = packs.indexOf(packPath)
-
-	if (index > -1) packs.splice(index, 1)
-	else packs.push(packPath)
-}
-
-function onDropFile(event: DragEvent) {
-	const file = event.dataTransfer?.files[0]
-	if (!file || !isFileAccepted(file, 'image/png')) return
-
-	state.createOptions.icon = file
-}
-</script>
-
-<style scoped>
-.content-area {
-	border: solid 2px transparent;
-}
-.content-area.selected {
-	border: 2px solid var(--v-primary-base);
-}
-</style>
diff --git a/src/components/Projects/CreateProject/ProjectTypes.ts b/src/components/Projects/CreateProject/ProjectTypes.ts
new file mode 100644
index 000000000..1b952772b
--- /dev/null
+++ b/src/components/Projects/CreateProject/ProjectTypes.ts
@@ -0,0 +1,14 @@
+export const projectTypes = <const>[
+	{
+		type: 'local',
+		icon: 'mdi-lock-open-outline',
+	},
+	{
+		type: 'bridgeFolder',
+		icon: 'mdi-folder-open-outline',
+	},
+	{
+		type: 'comMojang',
+		icon: 'mdi-minecraft',
+	},
+]
diff --git a/src/components/Projects/CreateProject/Tabs/CreateFile/Tab.vue b/src/components/Projects/CreateProject/Tabs/CreateFile/Tab.vue
new file mode 100644
index 000000000..e98edae70
--- /dev/null
+++ b/src/components/Projects/CreateProject/Tabs/CreateFile/Tab.vue
@@ -0,0 +1,29 @@
+<template>
+	<div>
+		<v-row dense>
+			<v-col
+				v-for="(file, i) in window.packCreateFiles"
+				:key="`${i}-${file.id}`"
+				xs="12"
+				sm="6"
+				md="4"
+				lg="3"
+				xl="3"
+			>
+				<CreateFile
+					:file="file"
+					v-model="file.isActive"
+					style="height: 100%"
+					:dark="false"
+				/>
+			</v-col>
+		</v-row>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import CreateFile from './Toggle.vue'
+
+const props = defineProps(['window'])
+const state = props.window.state
+</script>
diff --git a/src/components/Projects/CreateProject/CreateFile.vue b/src/components/Projects/CreateProject/Tabs/CreateFile/Toggle.vue
similarity index 95%
rename from src/components/Projects/CreateProject/CreateFile.vue
rename to src/components/Projects/CreateProject/Tabs/CreateFile/Toggle.vue
index 427237458..cd8fc8037 100644
--- a/src/components/Projects/CreateProject/CreateFile.vue
+++ b/src/components/Projects/CreateProject/Tabs/CreateFile/Toggle.vue
@@ -2,7 +2,7 @@
 	<ToggleSheet
 		:value="value"
 		@input="$emit('input', $event)"
-		:dark="true"
+		:dark="dark"
 		:isToggleable="isToggleable"
 	>
 		<template #default="{ value }">
@@ -48,6 +48,10 @@ export default {
 		SelectedStatus,
 	},
 	props: {
+		dark: {
+			type: Boolean,
+			default: true,
+		},
 		file: {
 			type: Object,
 			required: true,
diff --git a/src/components/Projects/CreateProject/Tabs/ExperimentalGameplay/Tab.vue b/src/components/Projects/CreateProject/Tabs/ExperimentalGameplay/Tab.vue
new file mode 100644
index 000000000..32ed26b1b
--- /dev/null
+++ b/src/components/Projects/CreateProject/Tabs/ExperimentalGameplay/Tab.vue
@@ -0,0 +1,31 @@
+<template>
+	<div>
+		<v-row dense>
+			<v-col
+				v-for="experiment in window.experimentalToggles"
+				:key="experiment.id"
+				xs="12"
+				sm="6"
+				md="4"
+				lg="3"
+				xl="2"
+			>
+				<ExperimentalGameplay
+					:experiment="experiment"
+					v-model="
+						state.createOptions.experimentalGameplay[experiment.id]
+					"
+					style="height: 100%"
+					:dark="false"
+				/>
+			</v-col>
+		</v-row>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import ExperimentalGameplay from './Toggle.vue'
+
+const props = defineProps(['window'])
+const state = props.window.state
+</script>
diff --git a/src/components/Projects/CreateProject/ExperimentalGameplay.vue b/src/components/Projects/CreateProject/Tabs/ExperimentalGameplay/Toggle.vue
similarity index 94%
rename from src/components/Projects/CreateProject/ExperimentalGameplay.vue
rename to src/components/Projects/CreateProject/Tabs/ExperimentalGameplay/Toggle.vue
index 4bfc3ae29..d05078f9b 100644
--- a/src/components/Projects/CreateProject/ExperimentalGameplay.vue
+++ b/src/components/Projects/CreateProject/Tabs/ExperimentalGameplay/Toggle.vue
@@ -2,7 +2,7 @@
 	<ToggleSheet
 		:value="value"
 		@input="$emit('input', $event)"
-		:dark="true"
+		:dark="dark"
 		:isToggleable="isToggleable"
 	>
 		<template #default="{ value }">
@@ -38,6 +38,10 @@ export default {
 		SelectedStatus,
 	},
 	props: {
+		dark: {
+			type: Boolean,
+			default: true,
+		},
 		experiment: {
 			type: Object,
 			required: true,
diff --git a/src/components/Projects/CreateProject/Tabs/GeneralTab.vue b/src/components/Projects/CreateProject/Tabs/GeneralTab.vue
new file mode 100644
index 000000000..45a1805ce
--- /dev/null
+++ b/src/components/Projects/CreateProject/Tabs/GeneralTab.vue
@@ -0,0 +1,131 @@
+<template>
+	<div>
+		<div class="d-flex">
+			<div
+				style="width: 40%"
+				@drop.prevent.stop="onDropFile"
+				@dragover.prevent.stop
+			>
+				<v-file-input
+					v-model="state.createOptions.icon"
+					:label="t('windows.createProject.packIcon')"
+					:prepend-icon="null"
+					prepend-inner-icon="mdi-image-outline"
+					accept="image/png"
+					class="mr-2"
+					outlined
+					dense
+				/>
+			</div>
+
+			<v-text-field
+				v-model="state.createOptions.name"
+				:label="t('windows.createProject.projectName.name')"
+				:rules="nameRules"
+				autocomplete="off"
+				class="ml-2"
+				outlined
+				dense
+				@input="updateStatus"
+			/>
+		</div>
+
+		<v-textarea
+			v-model="state.createOptions.description"
+			:label="t('windows.createProject.projectDescription')"
+			autocomplete="off"
+			auto-grow
+			rows="1"
+			counter
+			outlined
+			dense
+		/>
+
+		<div class="d-flex">
+			<v-text-field
+				v-model="state.createOptions.namespace"
+				:label="t('windows.createProject.projectPrefix')"
+				autocomplete="off"
+				class="mr-2"
+				outlined
+				dense
+				@input="updateStatus"
+			/>
+			<v-text-field
+				v-model="state.createOptions.author"
+				:label="t('windows.createProject.projectAuthor')"
+				autocomplete="off"
+				class="mx-2"
+				outlined
+				dense
+				@input="updateStatus"
+			/>
+
+			<v-autocomplete
+				v-model="state.createOptions.targetVersion"
+				:label="t('windows.createProject.projectTargetVersion')"
+				autocomplete="off"
+				:menu-props="{
+					maxHeight: 220,
+					rounded: 'lg',
+					'nudge-top': -8,
+					transition: 'slide-y-transition',
+				}"
+				:items="window.availableTargetVersions"
+				:loading="state.availableTargetVersionsLoading"
+				class="ml-2"
+				outlined
+				dense
+				@change="updateStatus"
+			/>
+		</div>
+
+		<div class="d-flex flex-column">
+			<v-switch
+				inset
+				dense
+				:label="t('windows.createProject.useLangForManifest')"
+				v-model="state.createOptions.useLangForManifest"
+			></v-switch>
+			<v-switch
+				inset
+				dense
+				:label="t('windows.createProject.bdsProject')"
+				v-model="state.createOptions.bdsProject"
+			></v-switch>
+		</div>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { isFileAccepted } from '/@/utils/file/isAccepted'
+import { useTranslations } from '/@/components/Composables/useTranslations'
+import { computed } from 'vue'
+
+const { t } = useTranslations()
+const props = defineProps(['window'])
+const state = props.window.state
+const sidebarStatus = props.window.sidebar.currentElement.status
+
+const nameRules = computed(() => {
+	return props.window.projectNameRules.map((rule: any) => (val: any) => {
+		const res = rule(val)
+		if (res === true) return true
+
+		return t(res)
+	})
+})
+
+function onDropFile(event: DragEvent) {
+	const file = event.dataTransfer?.files[0]
+	if (!file || !isFileAccepted(file, 'image/png')) return
+
+	state.createOptions.icon = file
+}
+
+function updateStatus() {
+	sidebarStatus.showStatus = !props.window.tabHasRequiredData('general')
+}
+
+updateStatus()
+</script>
diff --git a/src/components/Projects/CreateProject/Tabs/PackTypeTab.vue b/src/components/Projects/CreateProject/Tabs/PackTypeTab.vue
new file mode 100644
index 000000000..20fe5e352
--- /dev/null
+++ b/src/components/Projects/CreateProject/Tabs/PackTypeTab.vue
@@ -0,0 +1,106 @@
+<template>
+	<div>
+		<v-row class="mb-6" dense>
+			<v-col
+				v-for="packType in window.availablePackTypes"
+				:key="packType.id"
+				cols="12"
+				xs="12"
+				sm="6"
+				md="6"
+				lg="3"
+				xl="3"
+			>
+				<PackTypeViewer
+					:packType="packType"
+					isSelectable
+					style="height: 100%"
+					:selected="state.createOptions.packs.includes(packType.id)"
+					@click="togglePack(packType.id)"
+				>
+					<template
+						v-if="packType.id === 'behaviorPack'"
+						#default="{ selected }"
+					>
+						<!-- I am not sure why the bpAsRpDependency toggle needs an OR here but it seems to work correctly & fixes an issue where the user had to click the toggle twice -->
+						<v-switch
+							inset
+							dense
+							:label="t('windows.createProject.bpAsRpDependency')"
+							:value="
+								state.createOptions.rpAsBpDependency ||
+								state.createOptions.packs.includes(
+									'resourcePack'
+								)
+							"
+							@click.stop.native="
+								state.createOptions.bpAsRpDependency =
+									!state.createOptions.bpAsRpDependency
+							"
+							:disabled="
+								!selected ||
+								!state.createOptions.packs.includes(
+									'resourcePack'
+								)
+							"
+							class="mt-3"
+						/>
+					</template>
+					<template
+						v-else-if="packType.id === 'resourcePack'"
+						#default="{ selected }"
+					>
+						<!-- I am not sure why the rpAsBpDependency toggle needs an OR here but it seems to work correctly & fixes an issue where the user had to click the toggle twice -->
+						<v-switch
+							inset
+							dense
+							:label="t('windows.createProject.rpAsBpDependency')"
+							:value="
+								state.createOptions.rpAsBpDependency ||
+								state.createOptions.packs.includes(
+									'behaviorPack'
+								)
+							"
+							@click.stop.native="
+								state.createOptions.rpAsBpDependency =
+									!state.createOptions.rpAsBpDependency
+							"
+							:disabled="
+								!selected ||
+								!state.createOptions.packs.includes(
+									'behaviorPack'
+								)
+							"
+							class="mt-3"
+						/>
+					</template>
+				</PackTypeViewer>
+			</v-col>
+		</v-row>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import PackTypeViewer from '/@/components/Data/PackTypeViewer.vue'
+import { useTranslations } from '/@/components/Composables/useTranslations'
+
+const { t } = useTranslations()
+const props = defineProps(['window'])
+const state = props.window.state
+const sidebarStatus = props.window.sidebar.currentElement.status
+
+function togglePack(packPath: string) {
+	const packs = state.createOptions.packs
+	const index = packs.indexOf(packPath)
+
+	if (index > -1) packs.splice(index, 1)
+	else packs.push(packPath)
+
+	updateStatus()
+}
+
+function updateStatus() {
+	sidebarStatus.showStatus = !props.window.tabHasRequiredData('packType')
+}
+updateStatus()
+</script>
diff --git a/src/components/Projects/CreateProject/Tabs/ProjectType/Tab.vue b/src/components/Projects/CreateProject/Tabs/ProjectType/Tab.vue
new file mode 100644
index 000000000..09e422252
--- /dev/null
+++ b/src/components/Projects/CreateProject/Tabs/ProjectType/Tab.vue
@@ -0,0 +1,33 @@
+<template>
+	<div>
+		<v-row class="mb-6" dense>
+			<!--TODO: grey out options that aren't available for the user-->
+			<v-col
+				v-for="{ type, icon } in projectTypes"
+				:key="`${type}#${state.createOptions.projectType}`"
+				cols="12"
+				xs="12"
+				sm="12"
+				md="4"
+				lg="4"
+				xl="4"
+			>
+				<ProjectTypeViewer
+					style="height: 100%"
+					:icon="icon"
+					:type="type"
+					:selected="state.createOptions.projectType === type"
+					@input="state.createOptions.projectType = type"
+				/>
+			</v-col>
+		</v-row>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import ProjectTypeViewer from './Toggle.vue'
+import { projectTypes } from '../../ProjectTypes'
+
+const props = defineProps(['window'])
+const state = props.window.state
+</script>
diff --git a/src/components/Projects/CreateProject/Tabs/ProjectType/Toggle.vue b/src/components/Projects/CreateProject/Tabs/ProjectType/Toggle.vue
new file mode 100644
index 000000000..7f4a182f7
--- /dev/null
+++ b/src/components/Projects/CreateProject/Tabs/ProjectType/Toggle.vue
@@ -0,0 +1,60 @@
+<template>
+	<ToggleSheet :isToggleable="!selected" :value="selected" @input="onClick">
+		<div class="d-flex">
+			<v-icon color="accent" class="mr-2">
+				{{ icon }}
+			</v-icon>
+
+			<h1 class="pack-type-header">
+				{{ t(`windows.projectChooser.${type}Project.name`) }}
+			</h1>
+		</div>
+
+		<SelectedStatus :selected="selected" />
+
+		<span>{{
+			t(`windows.projectChooser.${type}Project.description`)
+		}}</span>
+	</ToggleSheet>
+</template>
+
+<script>
+import { toRefs } from 'vue'
+import ToggleSheet from '/@/components/UIElements/ToggleSheet.vue'
+import { TranslationMixin } from '/@/components/Mixins/TranslationMixin.ts'
+import SelectedStatus from '/@/components/UIElements/SelectedStatus.vue'
+
+export default {
+	mixins: [TranslationMixin],
+	components: {
+		ToggleSheet,
+		SelectedStatus,
+	},
+	props: {
+		type: String,
+		icon: String,
+		selected: Boolean,
+	},
+	methods: {
+		onClick() {
+			if (this.selected) return
+
+			this.$emit('input')
+		},
+	},
+}
+</script>
+
+<style scoped>
+.content-area {
+	border: solid 2px transparent;
+}
+.content-area.selected {
+	border: 2px solid var(--v-primary-base);
+}
+.pack-type-header {
+	font-size: 1.25rem !important;
+	font-weight: 500;
+	letter-spacing: 0.0125em !important;
+}
+</style>
diff --git a/src/components/Projects/ProjectChooser/ProjectChooser.vue b/src/components/Projects/ProjectChooser/ProjectChooser.vue
index d609f8fb1..60a5f67fa 100644
--- a/src/components/Projects/ProjectChooser/ProjectChooser.vue
+++ b/src/components/Projects/ProjectChooser/ProjectChooser.vue
@@ -202,14 +202,14 @@
 <script lang="ts" setup>
 import SidebarWindow from '/@/components/Windows/Layout/SidebarWindow.vue'
 import PackTypeViewer from '/@/components/Data/PackTypeViewer.vue'
-import ExperimentalGameplay from '/@/components/Projects/CreateProject/ExperimentalGameplay.vue'
+import ExperimentalGameplay from '/@/components/Projects/CreateProject/Tabs/ExperimentalGameplay/Toggle.vue'
 import BridgeSheet from '/@/components/UIElements/Sheet.vue'
 
 import { App } from '/@/App'
 import { ConfirmationWindow } from '/@/components/Windows/Common/Confirm/ConfirmWindow'
 import { addPack } from './AddPack'
 import { virtualProjectName } from '../Project/Project'
-import { useTranslations } from '../../Composables/useTranslations'
+import { useTranslations } from '/@/components/Composables/useTranslations'
 import { computed, ref } from 'vue'
 
 let formatter: { format: (arr: string[]) => string }
diff --git a/src/components/Windows/Layout/Sidebar.ts b/src/components/Windows/Layout/Sidebar.ts
index b8c1d2a52..9328a1ad0 100644
--- a/src/components/Windows/Layout/Sidebar.ts
+++ b/src/components/Windows/Layout/Sidebar.ts
@@ -88,13 +88,46 @@ export class SidebarCategory {
 	}
 }
 
+export interface ISidebarItemStatus {
+	/**
+	 * Whether to show the status icon and tooltip
+	 */
+	showStatus?: boolean
+	/**
+	 * An alternative status icon to show to the right of the item text. Defaults to 'mdi-alert-circle-outline'
+	 */
+	icon?: string
+	/**
+	 * A message to show in a tooltip when hovering over the status icon
+	 */
+	message?: string
+}
+
 export interface ISidebarItemConfig {
+	/**
+	 * Unique id of the sidebar item
+	 */
 	id: string
+	/**
+	 * The text to display in the sidebar for this item
+	 */
 	text: string
+	/**
+	 * An icon to show to the left of the text
+	 */
 	icon?: string
+	/**
+	 * The color of this sidebar item
+	 */
 	color?: string
+	/**
+	 * Whether this item is disabled. If so, it will not emit a click event
+	 */
 	isDisabled?: boolean
-	disabledText?: string
+	/**
+	 * The status of the sidebar item
+	 */
+	status?: ISidebarItemStatus
 }
 export class SidebarItem {
 	readonly type = 'item'
@@ -102,8 +135,8 @@ export class SidebarItem {
 	protected text: string
 	protected icon?: string
 	protected color?: string
+	public status: ISidebarItemStatus
 	public isDisabled: boolean
-	public disabledText?: string
 
 	constructor({
 		id,
@@ -111,14 +144,14 @@ export class SidebarItem {
 		icon,
 		color,
 		isDisabled,
-		disabledText,
+		status,
 	}: ISidebarItemConfig) {
 		this.id = id
 		this.text = text
 		this.icon = icon
 		this.color = color
 		this.isDisabled = isDisabled ?? false
-		this.disabledText = disabledText
+		this.status = { showStatus: false, ...status }
 	}
 
 	getText() {
@@ -282,6 +315,36 @@ export class Sidebar extends EventDispatcher<string | undefined> {
 		if (value) this.selected = value
 		else if (!this.selected) this.selected = this.findDefaultSelected()
 	}
+	/**
+	 * Select the next element in the sidebar
+	 */
+	selectNext() {
+		const current = this.currentElement
+
+		// No current element, select the first one
+		if (!current) {
+			this.setDefaultSelected()
+			return
+		}
+
+		const allElements = this.sortSidebar(this.elements)
+			.map((e) => (e.type === 'item' ? e : e.getItems(false)))
+			.flat()
+
+		const currentIndex = allElements.findIndex((e) => e.id === current.id)
+
+		// Current element not found, select the first one
+		if (currentIndex === -1) {
+			this.setDefaultSelected()
+			return
+		}
+
+		// Get the next element
+		const next = allElements[(currentIndex + 1) % allElements.length]
+
+		// Select the next element
+		this.selected = next.id
+	}
 	resetSelected() {
 		this.selected = undefined
 	}
@@ -298,4 +361,20 @@ export class Sidebar extends EventDispatcher<string | undefined> {
 			this._selected.value = val
 		}
 	}
+	get currentSelectionIndex() {
+		if (!this.selected) return -1
+
+		const allElements = this.sortSidebar(this.elements)
+			.map((e) => (e.type === 'item' ? e : e.getItems(false)))
+			.flat()
+
+		return allElements.findIndex((e) => e.id === this.selected)
+	}
+	get maxSelectionIndex() {
+		const allElements = this.sortSidebar(this.elements)
+			.map((e) => (e.type === 'item' ? e : e.getItems(false)))
+			.flat()
+
+		return allElements.length - 1
+	}
 }
diff --git a/src/components/Windows/Layout/Sidebar/Group.vue b/src/components/Windows/Layout/Sidebar/Group.vue
index 5a3f26861..6fdac3c31 100644
--- a/src/components/Windows/Layout/Sidebar/Group.vue
+++ b/src/components/Windows/Layout/Sidebar/Group.vue
@@ -16,16 +16,14 @@
 		</summary>
 
 		<SidebarItem
-			v-for="(
-				{ text, icon, color, id, isDisabled, disabledText }, i
-			) in items"
+			v-for="({ text, icon, color, id, isDisabled, status }, i) in items"
 			:key="`${text}.${i}`"
 			:icon="icon"
 			:color="color"
 			:text="text"
 			:isSelected="selected === id"
 			:isDisabled="isDisabled"
-			:disabledText="disabledText"
+			:status="status"
 			:compact="compact"
 			@click="$emit('click', id)"
 		/>
diff --git a/src/components/Windows/Layout/Sidebar/Item.vue b/src/components/Windows/Layout/Sidebar/Item.vue
index ac4604250..1cf107c53 100644
--- a/src/components/Windows/Layout/Sidebar/Item.vue
+++ b/src/components/Windows/Layout/Sidebar/Item.vue
@@ -5,7 +5,7 @@
 		v-ripple="!isSelected && !isDisabled"
 		@click="!isDisabled ? $emit('click') : undefined"
 	>
-		<v-tooltip :disabled="!isDisabled" right color="tooltip">
+		<v-tooltip :disabled="!status.showStatus" right color="tooltip">
 			<template v-slot:activator="{ on }">
 				<!-- Flexbox doesn't work directly on summaries in Safari -->
 				<span
@@ -21,13 +21,15 @@
 						{{ icon }}
 					</v-icon>
 					<span v-if="!compact">{{ text }}</span>
-					<v-spacer v-if="isDisabled" />
-					<v-icon v-if="isDisabled" small color="error">
-						mdi-alert-circle-outline
+					<v-spacer v-if="status.showStatus" />
+					<v-icon v-if="status.showStatus" small color="error">
+						{{ status.icon ?? 'mdi-alert-circle-outline' }}
 					</v-icon>
 				</span>
 			</template>
-			<span>{{ disabledText || t('windows.sidebar.disabledItem') }}</span>
+			<span>{{
+				status.message || t('windows.sidebar.disabledItem')
+			}}</span>
 		</v-tooltip>
 	</div>
 </template>
@@ -42,7 +44,7 @@ export default {
 	props: {
 		isSelected: Boolean,
 		isDisabled: Boolean,
-		disabledText: String,
+		status: Object,
 		text: String,
 		icon: String,
 		color: String,
diff --git a/src/components/Windows/Layout/SidebarWindow.vue b/src/components/Windows/Layout/SidebarWindow.vue
index b0537d43a..7363379b9 100644
--- a/src/components/Windows/Layout/SidebarWindow.vue
+++ b/src/components/Windows/Layout/SidebarWindow.vue
@@ -21,7 +21,7 @@
 						:text="element.text"
 						:isSelected="selected === element.id"
 						:isDisabled="element.isDisabled"
-						:disabledText="element.disabledText"
+						:status="element.status"
 						:compact="isMobile"
 						@click="onSidebarChanged(element.id)"
 					/>
diff --git a/src/components/Windows/Project/CreatePreset/PresetWindow.ts b/src/components/Windows/Project/CreatePreset/PresetWindow.ts
index 9583a8aaf..9852ee55a 100644
--- a/src/components/Windows/Project/CreatePreset/PresetWindow.ts
+++ b/src/components/Windows/Project/CreatePreset/PresetWindow.ts
@@ -215,7 +215,10 @@ export class CreatePresetWindow extends NewBaseWindow {
 				icon: manifest.icon,
 				color: iconColor,
 				isDisabled: !mayUsePreset,
-				disabledText: failureMessage,
+				status: {
+					showStatus: !mayUsePreset,
+					message: failureMessage,
+				},
 				resetState,
 			})
 		)
diff --git a/src/components/Windows/StepperWindow/Step.ts b/src/components/Windows/StepperWindow/Step.ts
new file mode 100644
index 000000000..0e9def180
--- /dev/null
+++ b/src/components/Windows/StepperWindow/Step.ts
@@ -0,0 +1,8 @@
+export interface IStep<T = any> {
+	id: string
+	name: string
+	icon: string
+	color?: string
+	state?: T
+	component: any
+}
diff --git a/src/components/Windows/StepperWindow/StepperWindow.ts b/src/components/Windows/StepperWindow/StepperWindow.ts
new file mode 100644
index 000000000..2cae2f684
--- /dev/null
+++ b/src/components/Windows/StepperWindow/StepperWindow.ts
@@ -0,0 +1,91 @@
+import { ComputedRef, reactive } from 'vue'
+import { translate as t } from '../../Locales/Manager'
+import { Sidebar, SidebarItem } from '../Layout/Sidebar'
+import { IWindowState, NewBaseWindow } from '../NewBaseWindow'
+import { IStep } from './Step'
+import StepperWindowComponent from './StepperWindow.vue'
+
+interface IStepperConfirmConfig {
+	name: string
+	color: string
+	icon?: string
+	isDisabled: boolean
+	isLoading: boolean
+	onConfirm: () => void
+}
+
+export interface IStepperWindowState extends IWindowState {
+	steps: IStep[]
+	windowTitle: string
+	confirm: IStepperConfirmConfig
+}
+export interface IStepperWindowOptions {
+	windowTitle?: string
+	confirm?: IStepperConfirmConfig
+	disposeOnClose?: boolean
+	keepAlive?: boolean
+}
+
+export class StepperWindow extends NewBaseWindow {
+	protected state: IStepperWindowState = reactive({
+		...super.getState(),
+		steps: [],
+		actions: [],
+		windowTitle: '[Unknown]',
+
+		// Default confirm config
+		confirm: {
+			name: t('general.confirm'),
+			color: 'primary',
+			isDisabled: false,
+			isLoading: false,
+			onConfirm: () => {},
+		},
+	})
+	protected sidebar = new Sidebar([], false)
+
+	getState() {
+		return this.state
+	}
+
+	constructor({
+		windowTitle,
+		confirm,
+		disposeOnClose,
+		keepAlive,
+	}: IStepperWindowOptions) {
+		super(StepperWindowComponent, disposeOnClose, keepAlive)
+
+		if (windowTitle) this.state.windowTitle = windowTitle
+		if (confirm) this.state.confirm = confirm
+	}
+
+	addStep(step: IStep) {
+		this.state.steps.push(step)
+		this.sidebar.addElement(
+			new SidebarItem({
+				icon: step.icon,
+				id: step.id,
+				color: step.color ?? 'accent',
+				text: step.name,
+				status: reactive({
+					showStatus: false,
+					// TODO - translate
+					message: 'This step has incomplete data!',
+				}),
+			})
+		)
+	}
+
+	/**
+	 * Updates the confirm button config on the stepper window while maintaing reactivity
+	 */
+	updateConfirmState(config: Partial<IStepperConfirmConfig>) {
+		if (config.name) this.state.confirm.name = config.name
+		if (config.color) this.state.confirm.color = config.color
+		if (config.icon) this.state.confirm.icon = config.icon
+		if (config.isDisabled) this.state.confirm.isDisabled = config.isDisabled
+		if (config.isLoading) this.state.confirm.isLoading = config.isLoading
+		if (config.onConfirm) this.state.confirm.onConfirm = config.onConfirm
+	}
+}
diff --git a/src/components/Windows/StepperWindow/StepperWindow.vue b/src/components/Windows/StepperWindow/StepperWindow.vue
new file mode 100644
index 000000000..6b4c220d7
--- /dev/null
+++ b/src/components/Windows/StepperWindow/StepperWindow.vue
@@ -0,0 +1,89 @@
+<template>
+	<SidebarWindow
+		v-if="state.shouldRender"
+		:windowTitle="state.windowTitle"
+		:isVisible="state.isVisible"
+		:hasMaximizeButton="false"
+		:hasCloseButton="true"
+		:isFullscreen="false"
+		:isPersistent="state.isCreatingProject"
+		:percentageWidth="90"
+		:percentageHeight="90"
+		:sidebarItems="sidebar.elements"
+		v-model="sidebar.selected"
+		@closeWindow="close"
+	>
+		<template #sidebar>
+			<v-progress-linear
+				class="mt-1 mb-3"
+				rounded
+				:value="
+					(sidebar.currentSelectionIndex /
+						sidebar.maxSelectionIndex) *
+					100
+				"
+			/>
+		</template>
+
+		<template #default>
+			<h1>{{ getCurrentStep().name }}</h1>
+			<v-divider class="my-3" />
+			<component
+				:is="getCurrentStep().component"
+				:window="window"
+				:state="getCurrentStep().state"
+			/>
+		</template>
+
+		<template #actions>
+			<!--Next button-->
+			<!--TODO: translate this-->
+			<v-btn color="primary" @click="sidebar.selectNext()">
+				Next
+				<v-icon>mdi-chevron-right</v-icon>
+			</v-btn>
+			<v-spacer />
+
+			<!--Confirm button-->
+			<v-btn
+				:color="state.confirm.color"
+				:disabled="state.confirm.isDisabled"
+				:loading="state.confirm.isLoading"
+				@click="state.confirm.onConfirm()"
+			>
+				<v-icon v-if="state.confirm.icon" class="pr-2">{{
+					state.confirm.icon
+				}}</v-icon>
+				<span>{{ state.confirm.name }}</span>
+			</v-btn>
+		</template>
+	</SidebarWindow>
+</template>
+
+<script lang="ts" setup>
+import SidebarWindow from '/@/components/Windows/Layout/SidebarWindow.vue'
+import { useTranslations } from '../../Composables/useTranslations'
+import { IStep } from './Step'
+
+const { t } = useTranslations()
+const props = defineProps(['window'])
+const state = props.window.getState()
+const sidebar = props.window.sidebar
+
+function close() {
+	props.window.close()
+}
+
+function getCurrentStep() {
+	return state.steps.find((step: IStep) => step.id === sidebar.selected)
+}
+</script>
+
+<style scoped>
+.content-area {
+	border: solid 2px transparent;
+}
+.content-area.selected {
+	border: 2px solid var(--v-primary-base);
+}
+</style>
diff --git a/src/locales/en.json b/src/locales/en.json
index fc04b6d2f..ac3142f47 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -621,6 +621,15 @@
 			"omitPack": "Omit",
 			"selectedPack": "Selected",
 			"title": "Create Project",
+
+			"categories": {
+				"general": "General",
+				"files": "Files",
+				"experimentalGameplay": "Experimental Gameplay",
+				"projectType": "Project Type",
+				"packType": "Pack Type"
+			},
+
 			"packIcon": "Project Icon (optional)",
 			"projectName": {
 				"name": "Project Name",
@@ -728,9 +737,13 @@
 			},
 			"comMojangProject": {
 				"name": "com.mojang Project",
-				"description": "This project was loaded directly from your com.mojang folder",
+				"description": "com.mojang projects are stored directly within Minecraft's game files.",
 				"uninstallWarning": "This project will be deleted if you uninstall Minecraft."
 			},
+			"bridgeFolderProject": {
+				"name": "Normal Project",
+				"description": "Normal projects are stored within your bridge. folder."
+			},
 			"newProject": {
 				"name": "New Project",
 				"description": "Create a new bridge. project."