diff --git a/docs/qemu_install.md b/docs/qemu_install.md
new file mode 100644
index 00000000..32f95fa9
--- /dev/null
+++ b/docs/qemu_install.md
@@ -0,0 +1,11 @@
+# QEMU Install
+
+WIP
+
+## macOS
+
+Install QEMU on macOS by running the following with `brew`:
+
+```sh
+brew install qemu
+```
\ No newline at end of file
diff --git a/package.json b/package.json
index 8a8ec734..2610f9b3 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
     "vitest": "^2.0.2"
   },
   "dependencies": {
+    "@xterm/addon-attach": "^0.11.0",
     "js-yaml": "^4.1.0"
   },
   "packageManager": "pnpm@9.10.0+sha512.73a29afa36a0d092ece5271de5177ecbf8318d454ecd701343131b8ebc0c1a91c487da46ab77c8e596d6acf1461e3594ced4becedf8921b074fbd8653ed7051c"
diff --git a/packages/backend/package.json b/packages/backend/package.json
index 38cfd578..f0513fa6 100644
--- a/packages/backend/package.json
+++ b/packages/backend/package.json
@@ -95,14 +95,15 @@
     "watch": "vite --mode development build -w"
   },
   "devDependencies": {
-    "@podman-desktop/api": "1.12.0",
+  "@podman-desktop/api": "1.12.0",
     "@types/node": "^20",
     "@typescript-eslint/eslint-plugin": "^8.7.0",
     "@typescript-eslint/parser": "^6.16.0",
     "@vitest/coverage-v8": "^2.0.2",
     "@xterm/xterm": "^5.5.0",
     "@xterm/addon-fit": "^0.10.0",
-    "eslint": "^8.57.1",
+    "@xterm/addon-attach": "^0.11.0",
+    "eslint": "^8.56.0",
     "eslint-import-resolver-custom-alias": "^1.3.2",
     "eslint-import-resolver-typescript": "^3.6.3",
     "eslint-plugin-etc": "^2.0.3",
diff --git a/packages/backend/src/api-impl.ts b/packages/backend/src/api-impl.ts
index 4dae6874..fd17d93d 100644
--- a/packages/backend/src/api-impl.ts
+++ b/packages/backend/src/api-impl.ts
@@ -25,10 +25,11 @@ import { History } from './history';
 import * as containerUtils from './container-utils';
 import { Messages } from '/@shared/src/messages/Messages';
 import { telemetryLogger } from './extension';
-import { checkPrereqs, isLinux, getUidGid } from './machine-utils';
+import { checkPrereqs, isLinux, isMac, getUidGid } from './machine-utils';
 import * as fs from 'node:fs';
 import path from 'node:path';
 import { getContainerEngine } from './container-utils';
+import { launchVM, stopVM } from './launch-vm';
 
 export class BootcApiImpl implements BootcApi {
   private history: History;
@@ -54,6 +55,32 @@ export class BootcApiImpl implements BootcApi {
     return buildDiskImage(build, this.history, overwrite);
   }
 
+  async launchVM(folder: string, architecture: string): Promise<void> {
+    console.log('going to launch vm: ', folder);
+    try {
+      await launchVM(folder, architecture);
+      // Notify it has successfully launched
+      await this.notify(Messages.MSG_VM_LAUNCH_ERROR, { success: 'Launched!', error: '' });
+    } catch (e) {
+      // Make sure that we are able to display the "stderr" information if it exists as that actually shows
+      // the error when running the command.
+      let errorMessage: string;
+      if (e instanceof Error) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        errorMessage = `${e.message} ${'stderr' in e ? (e as any).stderr : ''}`;
+      } else {
+        errorMessage = String(e);
+      }
+      await this.notify(Messages.MSG_VM_LAUNCH_ERROR, { success: '', error: errorMessage });
+    }
+    return Promise.resolve();
+  }
+
+  // Stop VM by pid file on the system
+  async stopVM(): Promise<void> {
+    return stopVM();
+  }
+
   async deleteBuilds(builds: BootcBuildInfo[]): Promise<void> {
     const response = await podmanDesktopApi.window.showWarningMessage(
       `Are you sure you want to remove the selected disk images from the build history? This will remove the history of the build as well as remove any lingering build containers.`,
@@ -247,6 +274,10 @@ export class BootcApiImpl implements BootcApi {
     return isLinux();
   }
 
+  async isMac(): Promise<boolean> {
+    return isMac();
+  }
+
   async getUidGid(): Promise<string> {
     return getUidGid();
   }
diff --git a/packages/backend/src/launch-vm.ts b/packages/backend/src/launch-vm.ts
new file mode 100644
index 00000000..07a1b208
--- /dev/null
+++ b/packages/backend/src/launch-vm.ts
@@ -0,0 +1,152 @@
+import path from 'node:path';
+import * as extensionApi from '@podman-desktop/api';
+import { isMac } from './machine-utils';
+import fs from 'node:fs';
+
+// Ignore the following line as this is where we will be storing the pid file
+// similar to other projects that use pid files in /tmp
+// eslint-disable-next-line sonarjs/publicly-writable-directories
+const pidFile = '/tmp/qemu-podman-desktop.pid';
+
+// Must use "homebrew" qemu binaries on macOS
+// as they are found to be the most stable and reliable for the project
+// as well as containing the necessary "edk2-aarch64-code.fd" file
+// it is not advised to use the qemu binaries from qemu.org due to edk2-aarch64-code.fd not being included.
+const macQemuArm64Binary = '/opt/homebrew/bin/qemu-system-aarch64';
+const macQemuArm64Edk2 = '/opt/homebrew/share/qemu/edk2-aarch64-code.fd';
+const macQemuX86Binary = '/opt/homebrew/bin/qemu-system-x86_64';
+
+// Host port forwarding for VM we will by default port forward 22 on the bootable container
+// to :2222 on the host
+const hostForwarding = 'hostfwd=tcp::2222-:22';
+
+// Default memory size for the VM and websocket port location
+const memorySize = '4G';
+const websocketPort = '45252';
+
+// Raw image location
+const rawImageLocation = 'image/disk.raw';
+
+export async function launchVM(folder: string, architecture: string): Promise<void> {
+  // Will ONLY work with RAW images located at image/disk.raw which is the default output location
+  const diskImage = path.join(folder, rawImageLocation);
+
+  // Check to see that the disk image exists before continuing
+  if (!fs.existsSync(diskImage)) {
+    throw new Error(`Raw disk image not found: ${diskImage}`);
+  }
+
+  // Before launching, make sure that we stop any previously running VM's and ignore any errors when stopping
+  try {
+    await stopVM();
+  } catch (e) {
+    console.error('Error stopping VM, it may have already been stopped: ', e);
+  }
+
+  // Generate the launch command and then run process.exec
+  try {
+    const command = generateLaunchCommand(diskImage, architecture);
+
+    // If generateLaunchCommand returns an empty array, then we are not able to launch the VM
+    // so simply error out and return
+    if (command.length === 0) {
+      throw new Error(
+        'Unable to generate the launch command for the VM, must be on the appropriate OS (mac or linux) and architecture (x86_64 or aarch64)',
+      );
+    }
+
+    // Execute the command
+    await extensionApi.process.exec('sh', ['-c', `${command.join(' ')}`]);
+  } catch (e) {
+    // Output the stderr information if it exists as that helps with debugging
+    // why the command could not run.
+    if (e instanceof Error && 'stderr' in e) {
+      console.error('Error launching VM: ', e.stderr);
+    } else {
+      console.error('Error launching VM: ', e);
+    }
+    throw e;
+  }
+}
+
+// Stop VM by killing the process with the pid file (/tmp/qemu-podman-desktop.pid)
+export async function stopVM(): Promise<void> {
+  try {
+    await extensionApi.process.exec('sh', ['-c', `kill -9 \`cat ${pidFile}\``]);
+  } catch (e) {
+    if (e instanceof Error && 'stderr' in e) {
+      console.error('Error stopping VM: ', e.stderr);
+    } else {
+      console.error('Error stopping VM: ', e);
+    }
+  }
+}
+
+// Generate launch command for qemu
+// this all depends on what architecture we are launching as well as
+// operating system
+function generateLaunchCommand(diskImage: string, architecture: string): string[] {
+  let command: string[] = [];
+  switch (architecture) {
+    // Case for anything amd64
+    case 'amd64':
+      if (isMac()) {
+        command = [
+          macQemuX86Binary,
+          '-m',
+          memorySize,
+          '-nographic',
+          '-cpu',
+          'Broadwell-v4',
+          '-pidfile',
+          pidFile,
+          '-serial',
+          `websocket:127.0.0.1:${websocketPort},server,nowait`,
+          '-netdev',
+          `user,id=mynet0,${hostForwarding}`,
+          '-device',
+          'e1000,netdev=mynet0',
+          // Make sure we always have snapshot here as we don't want to modify the original image
+          '-snapshot',
+          diskImage,
+        ];
+      }
+      break;
+
+    // For any arm64 images
+    case 'arm64':
+      if (isMac()) {
+        command = [
+          macQemuArm64Binary,
+          '-m',
+          memorySize,
+          '-nographic',
+          '-M',
+          'virt',
+          '-accel',
+          'hvf',
+          '-cpu',
+          'host',
+          '-smp',
+          '4',
+          '-serial',
+          `websocket:127.0.0.1:${websocketPort},server,nowait`,
+          '-pidfile',
+          pidFile,
+          '-netdev',
+          `user,id=usernet,${hostForwarding}`,
+          '-device',
+          'virtio-net,netdev=usernet',
+          '-drive',
+          `file=${macQemuArm64Edk2},format=raw,if=pflash,readonly=on`,
+          // Make sure we always have snapshot here as we don't want to modify the original image
+          '-snapshot',
+          diskImage,
+        ];
+      }
+      break;
+    default:
+      break;
+  }
+  return command;
+}
diff --git a/packages/backend/src/machine-utils.ts b/packages/backend/src/machine-utils.ts
index cf081b09..ba9413f0 100644
--- a/packages/backend/src/machine-utils.ts
+++ b/packages/backend/src/machine-utils.ts
@@ -174,6 +174,11 @@ export function isLinux(): boolean {
   return linux;
 }
 
+const darwin = os.platform() === 'darwin';
+export function isMac(): boolean {
+  return darwin;
+}
+
 // Get the GID and UID of the current user and return in the format gid:uid
 // in order for this to work, we must get this information from process.exec
 // since there is no native way via node
diff --git a/packages/frontend/src/App.svelte b/packages/frontend/src/App.svelte
index eda7e464..3dca0dc1 100644
--- a/packages/frontend/src/App.svelte
+++ b/packages/frontend/src/App.svelte
@@ -10,6 +10,7 @@ import Homepage from './Homepage.svelte';
 import { rpcBrowser } from '/@/api/client';
 import { Messages } from '/@shared/src/messages/Messages';
 import Logs from './Logs.svelte';
+import VM from './VM.svelte';
 
 router.mode.hash();
 
@@ -36,6 +37,12 @@ onMount(() => {
       <Route path="/build" breadcrumb="Build">
         <Build />
       </Route>
+      <Route path="/vm/:base64BuildImageName/:base64FolderLocation/:base64Architecture" breadcrumb="vm" let:meta>
+        <VM
+          base64BuildImageName={meta.params.base64BuildImageName}
+          base64FolderLocation={meta.params.base64FolderLocation}
+          base64Architecture={meta.params.base64Architecture} />
+      </Route>
       <Route path="/logs/:base64BuildImageName/:base64FolderLocation" breadcrumb="Logs" let:meta>
         <Logs
           base64BuildImageName={meta.params.base64BuildImageName}
diff --git a/packages/frontend/src/Build.spec.ts b/packages/frontend/src/Build.spec.ts
index 1e65c06b..aec71bf9 100644
--- a/packages/frontend/src/Build.spec.ts
+++ b/packages/frontend/src/Build.spec.ts
@@ -89,6 +89,7 @@ const mockImageInspect = {
 } as unknown as ImageInspectInfo;
 
 const mockIsLinux = false;
+const mockIsMac = false;
 
 vi.mock('./api/client', async () => {
   return {
@@ -97,9 +98,11 @@ vi.mock('./api/client', async () => {
       buildExists: vi.fn(),
       listHistoryInfo: vi.fn(),
       listBootcImages: vi.fn(),
+      listAllImages: vi.fn(),
       inspectImage: vi.fn(),
       inspectManifest: vi.fn(),
       isLinux: vi.fn().mockImplementation(() => mockIsLinux),
+      isMac: vi.fn().mockImplementation(() => mockIsMac),
     },
     rpcBrowser: {
       subscribe: () => {
diff --git a/packages/frontend/src/Homepage.spec.ts b/packages/frontend/src/Homepage.spec.ts
index 56d2fa85..0c7831a4 100644
--- a/packages/frontend/src/Homepage.spec.ts
+++ b/packages/frontend/src/Homepage.spec.ts
@@ -52,6 +52,7 @@ vi.mock('./api/client', async () => {
       listBootcImages: vi.fn(),
       deleteBuilds: vi.fn(),
       telemetryLogUsage: vi.fn(),
+      isMac: vi.fn(),
     },
     rpcBrowser: {
       subscribe: () => {
diff --git a/packages/frontend/src/VM.svelte b/packages/frontend/src/VM.svelte
new file mode 100644
index 00000000..ed0b8626
--- /dev/null
+++ b/packages/frontend/src/VM.svelte
@@ -0,0 +1,305 @@
+<script lang="ts">
+import '@xterm/xterm/css/xterm.css';
+import { DetailsPage, EmptyScreen, Button, ErrorMessage } from '@podman-desktop/ui-svelte';
+import { FitAddon } from '@xterm/addon-fit';
+import { AttachAddon } from '@xterm/addon-attach';
+import { Terminal } from '@xterm/xterm';
+import { onDestroy, onMount } from 'svelte';
+import { router } from 'tinro';
+import DiskImageIcon from './lib/DiskImageIcon.svelte';
+import { bootcClient, rpcBrowser } from './api/client';
+import { getTerminalTheme } from './lib/upstream/terminal-theme';
+import VMConnectionStatus from './VMConnectionStatus.svelte';
+import Link from './lib/Link.svelte';
+import { Messages } from '/@shared/src/messages/Messages';
+
+// Essential information for launching the VM including the folder location, architecture and build image name.
+export let base64FolderLocation: string;
+export let base64Architecture: string;
+export let base64BuildImageName: string;
+
+// Decode the base64 information
+const folderLocation = atob(base64FolderLocation);
+const architecture = atob(base64Architecture);
+const imageName = atob(base64BuildImageName);
+
+// Terminal and WebSocket connection variables
+let logsXtermDiv: HTMLDivElement;
+let noLogs = true;
+let resizeObserver: ResizeObserver;
+let termFit: FitAddon;
+let attachAddon: AttachAddon;
+let logsTerminal: Terminal;
+let socket: WebSocket;
+let launchInProgress = false;
+
+// Status information regarding any VM launch errors (since we subscribe and get the notification)
+let connectionStatus = '';
+let vmLaunchError: string;
+const VM_LAUNCH_ERROR_MESSAGE = 'VM launch error';
+
+// Event handlers for the WebSocket connection
+// which are needed to update the connection status
+function closeHandler(event: CloseEvent) {
+  console.log('WebSocket closed:', event);
+  connectionStatus = 'Connection closed';
+}
+
+function openHandler(event: Event) {
+  console.log('WebSocket connection opened:', event);
+  connectionStatus = 'Connection opened';
+  // If we are successfully connected, we can assume that there are now logs and we will now show the terminal.
+  noLogs = false;
+}
+
+function errorHandler(event: Event) {
+  console.error('WebSocket error:', event);
+  connectionStatus = 'Connection error';
+}
+
+// Function that will check to see if a port is available before connecting and updates the connection status appropriately.
+// before trying to connect.
+async function waitForPort(port: number): Promise<boolean> {
+  return new Promise(resolve => {
+    const interval = setInterval(() => {
+      // If connection status = "VM launch error", we will not try to connect to the socket since there was an error
+      // launching the VM and we no longer need to check the port.
+      if (connectionStatus === VM_LAUNCH_ERROR_MESSAGE) {
+        clearInterval(interval);
+        resolve(false);
+      }
+      const socket = new WebSocket(`ws://127.0.0.1:${port}`);
+      socket.onopen = () => {
+        clearInterval(interval);
+        resolve(true);
+        socket.close();
+      };
+      socket.onerror = () => {
+        clearInterval(interval);
+        resolve(false);
+      };
+    }, 1000);
+  });
+}
+
+async function initTerminal() {
+  // If there is a missing element for the terminal / for some reason the page does not load correctly,
+  // end early.
+  if (!logsXtermDiv) {
+    console.log('Missing xterm div, exiting...');
+    return;
+  }
+
+  // Retrieve the user configuration settings for the terminal to match the rest of Podman Desktop.
+  const fontSize = (await bootcClient.getConfigurationValue('terminal', 'integrated.fontSize')) as number;
+  const lineHeight = (await bootcClient.getConfigurationValue('terminal', 'integrated.lineHeight')) as number;
+
+  // Initialize the terminal with the correct theme.
+  // we set disableStdin to true since we are using the attach addon which causes conflict if
+  // we try to use stdin.
+  logsTerminal = new Terminal({
+    fontSize: fontSize,
+    lineHeight: lineHeight,
+    theme: getTerminalTheme(),
+    disableStdin: true,
+  });
+
+  // Wait for the port to become available before trying to connect to the socket, as there is
+  // no point in trying the connection until the port is available.
+  // exit early if so.
+  logsTerminal.writeln('Waiting for WebSocket connection to become available...');
+  const portAvailable = await waitForPort(45252);
+  if (!portAvailable) {
+    console.error('Port 45252 is not available, exiting...');
+    return;
+  }
+
+  // Try to connect to the socket and error if we are unable to / end early.
+  try {
+    socket = new WebSocket(`ws://127.0.0.1:45252`);
+    socket.binaryType = 'arraybuffer';
+
+    // Bind the event handlers
+    socket.onclose = closeHandler;
+    socket.onopen = openHandler;
+    socket.onerror = errorHandler;
+    logsTerminal.writeln('WebSocket connection established, waiting for VM to boot...');
+  } catch (error) {
+    vmLaunchError = 'Failed to connect to the socket';
+    console.error('Failed to connect to the socket:', error);
+    return;
+  }
+
+  // Addons for the terminal (fit and attach)
+  termFit = new FitAddon();
+  logsTerminal.loadAddon(termFit);
+  logsTerminal.open(logsXtermDiv);
+
+  // Call fit addon each time we resize the window
+  window.addEventListener('resize', () => {
+    termFit.fit();
+  });
+  termFit.fit();
+
+  // Addon for attaching to the socket
+  // we load this LAST so that the resizer works correctly (as GRUB output is not resized correctly on first boot)
+  // to avoid any conflicts with the resizer.
+  attachAddon = new AttachAddon(socket);
+  logsTerminal.loadAddon(attachAddon);
+
+  // This is required for keyboard input to work since we are using the attach addon
+  logsTerminal.onKey((e: any) => {
+    e = e.key;
+    if (socket !== undefined) {
+      const encoder = new TextEncoder();
+      const binaryData = encoder.encode(e);
+      socket.send(binaryData.buffer);
+    }
+  });
+}
+
+// Launch the VM with the folder location and architecture required.
+async function launchVM(folderLocation: string, architecture: string): Promise<void> {
+  launchInProgress = true;
+
+  // This is launched IN THE BACKGROUND. We do not wait for the VM to boot before showing the terminal.
+  // we instead are notified by subscribing to Messages.MSG_VM_LAUNCH_ERROR messages from RPC
+  bootcClient.launchVM(folderLocation, architecture);
+
+  // Initialize the terminal so it awaits the websocket connection.
+  await initTerminal();
+
+  // Reset the terminal if we are booting an arm64 VM on macOS
+  // see function for more information why this is necessary.
+  if (architecture === 'arm64' && (await bootcClient.isMac())) {
+    await resetTerminalTheme();
+  }
+}
+
+// This is a temporary workaround for a terminal theme issue that ONLY happens when arm64 VMs are launched
+// on macOS. The reasoning is that it is for some reason using the default terminal theme despite -nographic being set.
+// this could possibly be because we use host CPU and memory as well as the 'virt' module for the VM to be working / launched
+// correctly in accelerated mode.
+//
+// To work "around" this, we reset the theme 10 lines after the VM is booted in order to clear any colourization ASCII characters that may
+// be present in the terminal.
+async function resetTerminalTheme(): Promise<void> {
+  // Wait until we have more than 30 lines of logs in the terminal which safely assumes we are past the GRUB / initial boot stage.
+  while (logsTerminal.buffer.active.cursorY < 30) {
+    await new Promise(resolve => setTimeout(resolve, 500));
+  }
+
+  // Reset the terminal
+  logsTerminal.reset();
+}
+
+async function stopVM(): Promise<void> {
+  await bootcClient.stopVM();
+  console.log('VM stopped');
+}
+
+onMount(async () => {
+  // Resize the terminal each time we change the div size
+  resizeObserver = new ResizeObserver(() => {
+    termFit?.fit();
+  });
+
+  // Observe the terminal div
+  resizeObserver.observe(logsXtermDiv);
+
+  // Subscribe for any terminal errors when trying to deploy the VM
+  // since these are not caught by the WebSocket error handler
+  // and instead notified
+  return rpcBrowser.subscribe(Messages.MSG_VM_LAUNCH_ERROR, async msg => {
+    // If msg.error contains an error, we will display it to the user
+    if (msg.error) {
+      connectionStatus = VM_LAUNCH_ERROR_MESSAGE;
+      vmLaunchError = `${VM_LAUNCH_ERROR_MESSAGE}: ${msg.error}`;
+      launchInProgress = false;
+    }
+  });
+});
+
+onDestroy(() => {
+  // Make sure that we stop the VM / kill it
+  // run this in the background since we do not want to wait for the VM to stop before closing the page.
+  stopVM();
+
+  // Clean up all other connections and resources
+  resizeObserver?.unobserve(logsXtermDiv);
+  socket?.close();
+  logsTerminal?.dispose();
+});
+
+export function goToHomePage(): void {
+  router.goto('/');
+}
+</script>
+
+<DetailsPage
+  title="{imageName} Virtual Machine"
+  breadcrumbLeftPart="Bootable Containers"
+  breadcrumbRightPart="{imageName} Virtual Machine"
+  breadcrumbTitle="Go back to homepage"
+  onclose={goToHomePage}
+  onbreadcrumbClick={goToHomePage}>
+  <DiskImageIcon slot="icon" size="30px" />
+  <svelte:fragment slot="actions">
+    <div class="flex grow justify-end">
+      <VMConnectionStatus status={connectionStatus} />
+    </div>
+  </svelte:fragment>
+  <svelte:fragment slot="content">
+    <div
+      class="min-w-full flex flex-col"
+      class:invisible={noLogs}
+      class:h-0={noLogs}
+      class:h-full={!noLogs}
+      bind:this={logsXtermDiv}>
+    </div>
+    {#if noLogs}
+      <EmptyScreen icon={undefined} title="Virtual Machine Launcher (Experimental)" message="">
+        <div>
+          <span class="text-lg font-bold">Prerequisites:</span>
+          <p class="text-md">
+            QEMU is used as CLI tool used to launch your virtual machine. Before proceeding with booting, please ensure
+            that <code>qemu</code> is installed correctly by following our <Link
+              externalRef="https://github.com/containers/podman-desktop-extension-bootc/blob/main/docs/qemu_install.md"
+              >QEMU installation guide</Link
+            >.
+          </p>
+        </div>
+        <div class="mt-4">
+          <span class="text-lg font-bold">Important information:</span>
+          <ol>
+            <li>
+              • The virtual machine is booted as a <i>snapshot</i> and writes data to a <code>/tmp</code> file. The
+              <code>.raw</code> file will remain unmodified.
+            </li>
+            <li>
+              • Port 22 is forwarded to 2222 locally for SSH testing. The VM may be accessed by using <code
+                >ssh localhost -p 2222</code> on an external terminal.
+            </li>
+            <li>• VM uses 4GB of RAM by default.</li>
+          </ol>
+          <div class="mt-4">
+            <p class="text-md mt-4 mb-2">
+              This feature is EXPERIMENTAL and only works with RAW images, please open a <Link
+                externalRef="https://github.com/containers/podman-desktop-extension-bootc/issues/new/choose"
+                >GitHub issue</Link> for any bugs.
+            </p>
+          </div>
+          <Button
+            title="Launch VM"
+            type="primary"
+            on:click={() => launchVM(folderLocation, architecture)}
+            inProgress={launchInProgress}>Boot {imageName} .raw image</Button>
+          {#if vmLaunchError}
+            <div class="mt-2">
+              <ErrorMessage error={vmLaunchError} />
+            </div>
+          {/if}
+        </div></EmptyScreen>
+    {/if}
+  </svelte:fragment>
+</DetailsPage>
diff --git a/packages/frontend/src/VMConnectionStatus.svelte b/packages/frontend/src/VMConnectionStatus.svelte
new file mode 100644
index 00000000..5279572c
--- /dev/null
+++ b/packages/frontend/src/VMConnectionStatus.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+import Label from './lib/upstream/Label.svelte';
+
+export let status: string;
+
+function getClassColor(): string {
+  if (
+    status.includes('Connection closed') ||
+    status.includes('Connection error') ||
+    status.includes('VM launch error')
+  ) {
+    return 'bg-[var(--pd-status-disconnected)]';
+  }
+  return 'bg-[var(--pd-status-connected)]';
+}
+</script>
+
+{#if status}
+  <Label role="status" name={status}><div class="w-2 h-2 {getClassColor()} rounded-full mx-1"></div></Label>
+{/if}
diff --git a/packages/frontend/src/lib/BootcActions.spec.ts b/packages/frontend/src/lib/BootcActions.spec.ts
index b97cd13a..931c047e 100644
--- a/packages/frontend/src/lib/BootcActions.spec.ts
+++ b/packages/frontend/src/lib/BootcActions.spec.ts
@@ -25,6 +25,7 @@ vi.mock('../api/client', async () => {
   return {
     bootcClient: {
       deleteBuilds: vi.fn(),
+      isMac: vi.fn(),
     },
     rpcBrowser: {
       subscribe: () => {
@@ -52,6 +53,7 @@ beforeEach(() => {
 });
 
 test('Renders Delete Build button', async () => {
+  vi.mocked(bootcClient.isMac).mockResolvedValue(false);
   render(BootcActions, { object: mockHistoryInfo });
 
   const deleteButton = screen.getAllByRole('button', { name: 'Delete Build' })[0];
@@ -59,6 +61,7 @@ test('Renders Delete Build button', async () => {
 });
 
 test('Test clicking on delete button', async () => {
+  vi.mocked(bootcClient.isMac).mockResolvedValue(false);
   render(BootcActions, { object: mockHistoryInfo });
 
   // spy on deleteBuild function
@@ -72,6 +75,7 @@ test('Test clicking on delete button', async () => {
 });
 
 test('Test clicking on logs button', async () => {
+  vi.mocked(bootcClient.isMac).mockResolvedValue(false);
   render(BootcActions, { object: mockHistoryInfo });
 
   // Click on logs button
diff --git a/packages/frontend/src/lib/BootcActions.svelte b/packages/frontend/src/lib/BootcActions.svelte
index fded053d..8d55a41f 100644
--- a/packages/frontend/src/lib/BootcActions.svelte
+++ b/packages/frontend/src/lib/BootcActions.svelte
@@ -1,13 +1,19 @@
 <script lang="ts">
 import type { BootcBuildInfo } from '/@shared/src/models/bootc';
 import ListItemButtonIcon from './upstream/ListItemButtonIcon.svelte';
-import { faFileAlt, faTrash } from '@fortawesome/free-solid-svg-icons';
+import { faFileAlt, faTrash, faTerminal } from '@fortawesome/free-solid-svg-icons';
 import { router } from 'tinro';
 import { bootcClient } from '../api/client';
+import { onMount } from 'svelte';
 
 export let object: BootcBuildInfo;
 export let detailed = false;
 
+const base64FolderLocation = btoa(object.folder);
+const base64BuildImageName = btoa(object.image);
+
+let isMac = false;
+
 // Delete the build
 async function deleteBuild(): Promise<void> {
   await bootcClient.deleteBuilds([object]);
@@ -16,11 +22,23 @@ async function deleteBuild(): Promise<void> {
 // Navigate to the build
 async function gotoLogs(): Promise<void> {
   // Convert object.folder to base64
-  const base64FolderLocation = btoa(object.folder);
-  const base64BuildImageName = btoa(object.image);
   router.goto(`/logs/${base64BuildImageName}/${base64FolderLocation}`);
 }
+
+async function gotoVM(): Promise<void> {
+  const base64Architecture = btoa(object.arch || '');
+  router.goto(`/vm/${base64BuildImageName}/${base64FolderLocation}/${base64Architecture}`);
+}
+
+onMount(async () => {
+  isMac = await bootcClient.isMac();
+});
 </script>
 
+<!-- Only show the Terminal button if object.arch actually exists or else we will not be able to pass in the architecture information to the build correctly.
+Only show if on macOS as well as that is the only option we support at the moment -->
+{#if object.arch && isMac}
+  <ListItemButtonIcon title="Launch VM" onClick={() => gotoVM()} detailed={detailed} icon={faTerminal} />
+{/if}
 <ListItemButtonIcon title="Build Logs" onClick={() => gotoLogs()} detailed={detailed} icon={faFileAlt} />
 <ListItemButtonIcon title="Delete Build" onClick={() => deleteBuild()} detailed={detailed} icon={faTrash} />
diff --git a/packages/frontend/src/lib/BootcColumnActions.spec.ts b/packages/frontend/src/lib/BootcColumnActions.spec.ts
index 441f3c0e..e5eff6d0 100644
--- a/packages/frontend/src/lib/BootcColumnActions.spec.ts
+++ b/packages/frontend/src/lib/BootcColumnActions.spec.ts
@@ -33,6 +33,9 @@ const mockHistoryInfo: BootcBuildInfo = {
 
 vi.mock('../api/client', async () => {
   return {
+    bootcClient: {
+      isMac: vi.fn(),
+    },
     rpcBrowser: {
       subscribe: () => {
         return {
diff --git a/packages/frontend/src/lib/BootcEmptyScreen.spec.ts b/packages/frontend/src/lib/BootcEmptyScreen.spec.ts
index 0cd5eb1b..5c81ccf8 100644
--- a/packages/frontend/src/lib/BootcEmptyScreen.spec.ts
+++ b/packages/frontend/src/lib/BootcEmptyScreen.spec.ts
@@ -51,6 +51,7 @@ vi.mock('../api/client', async () => {
       listHistoryInfo: vi.fn(),
       listBootcImages: vi.fn(),
       pullImage: vi.fn(),
+      isMac: vi.fn(),
     },
     rpcBrowser: {
       subscribe: () => {
diff --git a/packages/frontend/src/lib/upstream/Label.svelte b/packages/frontend/src/lib/upstream/Label.svelte
new file mode 100644
index 00000000..2910d06a
--- /dev/null
+++ b/packages/frontend/src/lib/upstream/Label.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+import { Tooltip } from '@podman-desktop/ui-svelte';
+
+export let name = '';
+export let tip = '';
+export let role: string | undefined = undefined;
+export let capitalize: boolean = false;
+</script>
+
+<Tooltip top tip={tip}>
+  <div
+    role={role}
+    class="flex items-center bg-[var(--pd-label-bg)] p-1 rounded-md text-sm text-[var(--pd-label-text)] gap-x-1">
+    <slot></slot>
+    <span class:capitalize={capitalize}>
+      {name}
+    </span>
+  </div>
+</Tooltip>
diff --git a/packages/shared/src/BootcAPI.ts b/packages/shared/src/BootcAPI.ts
index da1dd966..0d836d2f 100644
--- a/packages/shared/src/BootcAPI.ts
+++ b/packages/shared/src/BootcAPI.ts
@@ -36,9 +36,12 @@ export abstract class BootcApi {
   abstract generateUniqueBuildID(name: string): Promise<string>;
   abstract openLink(link: string): Promise<void>;
   abstract isLinux(): Promise<boolean>;
+  abstract isMac(): Promise<boolean>;
   abstract getUidGid(): Promise<string>;
   abstract loadLogsFromFolder(folder: string): Promise<string>;
   abstract getConfigurationValue(config: string, section: string): Promise<unknown>;
+  abstract launchVM(folder: string, architecture: string): Promise<void>;
+  abstract stopVM(): Promise<void>;
   abstract telemetryLogUsage(eventName: string, data?: Record<string, unknown> | undefined): Promise<void>;
   abstract telemetryLogError(eventName: string, data?: Record<string, unknown> | undefined): Promise<void>;
 }
diff --git a/packages/shared/src/messages/MessageProxy.ts b/packages/shared/src/messages/MessageProxy.ts
index 20500a70..739dd96b 100644
--- a/packages/shared/src/messages/MessageProxy.ts
+++ b/packages/shared/src/messages/MessageProxy.ts
@@ -198,12 +198,16 @@ export class RpcBrowser {
       args: args,
     } as IMessageRequest);
 
-    setTimeout(() => {
-      const { reject } = this.promises.get(requestId) ?? {};
-      if (!reject) return;
-      reject(new Error('Timeout'));
-      this.promises.delete(requestId);
-    }, 10000); // 10 seconds
+    // Add a timeout of 10 seconds for each call. However, if there is any "special" call that should not have a timeout, we can add a check here.
+    console.log('channel', channel);
+    if (!channel.includes('launchVM')) {
+      setTimeout(() => {
+        const { reject } = this.promises.get(requestId) ?? {};
+        if (!reject) return;
+        reject(new Error('Timeout'));
+        this.promises.delete(requestId);
+      }, 10000); // 10 seconds
+    }
 
     // Create a Promise
     return promise;
diff --git a/packages/shared/src/messages/Messages.ts b/packages/shared/src/messages/Messages.ts
index a59e8e46..cf58ab6c 100644
--- a/packages/shared/src/messages/Messages.ts
+++ b/packages/shared/src/messages/Messages.ts
@@ -20,4 +20,5 @@ export enum Messages {
   MSG_HISTORY_UPDATE = 'history-update',
   MSG_IMAGE_PULL_UPDATE = 'image-pull-update', // Responsible for any pull updates
   MSG_NAVIGATE_BUILD = 'navigate-build',
+  MSG_VM_LAUNCH_ERROR = 'vm-launch-error',
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 18c9b001..ddabb5e3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,6 +12,9 @@ importers:
 
   .:
     dependencies:
+      '@xterm/addon-attach':
+        specifier: ^0.11.0
+        version: 0.11.0(@xterm/xterm@5.5.0)
       js-yaml:
         specifier: ^4.1.0
         version: 4.1.0
@@ -110,6 +113,9 @@ importers:
       '@vitest/coverage-v8':
         specifier: ^2.0.2
         version: 2.0.5(vitest@2.0.5(@types/node@20.16.5)(jsdom@25.0.1))
+      '@xterm/addon-attach':
+        specifier: ^0.11.0
+        version: 0.11.0(@xterm/xterm@5.5.0)
       '@xterm/addon-fit':
         specifier: ^0.10.0
         version: 0.10.0(@xterm/xterm@5.5.0)
@@ -117,7 +123,7 @@ importers:
         specifier: ^5.5.0
         version: 5.5.0
       eslint:
-        specifier: ^8.57.1
+        specifier: ^8.56.0
         version: 8.57.1
       eslint-import-resolver-custom-alias:
         specifier: ^1.3.2
@@ -1704,6 +1710,11 @@ packages:
   '@vitest/utils@2.0.5':
     resolution: {integrity: sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==}
 
+  '@xterm/addon-attach@0.11.0':
+    resolution: {integrity: sha512-JboCN0QAY6ZLY/SSB/Zl2cQ5zW1Eh4X3fH7BnuR1NB7xGRhzbqU2Npmpiw/3zFlxDaU88vtKzok44JKi2L2V2Q==}
+    peerDependencies:
+      '@xterm/xterm': ^5.0.0
+
   '@xterm/addon-fit@0.10.0':
     resolution: {integrity: sha512-UFYkDm4HUahf2lnEyHvio51TNGiLK66mqP2JoATy7hRZeXaGMRDr00JiSF7m63vR5WKATF605yEggJKsw0JpMQ==}
     peerDependencies:
@@ -6027,6 +6038,10 @@ snapshots:
       loupe: 3.1.1
       tinyrainbow: 1.2.0
 
+  '@xterm/addon-attach@0.11.0(@xterm/xterm@5.5.0)':
+    dependencies:
+      '@xterm/xterm': 5.5.0
+
   '@xterm/addon-fit@0.10.0(@xterm/xterm@5.5.0)':
     dependencies:
       '@xterm/xterm': 5.5.0