diff --git a/packages/playground/public/images/icons/openwebui.png b/packages/playground/public/images/icons/openwebui.png
new file mode 100644
index 0000000000..a158087e71
Binary files /dev/null and b/packages/playground/public/images/icons/openwebui.png differ
diff --git a/packages/playground/public/info/openwebui.md b/packages/playground/public/info/openwebui.md
new file mode 100644
index 0000000000..6cb846472a
--- /dev/null
+++ b/packages/playground/public/info/openwebui.md
@@ -0,0 +1,5 @@
+---
+title: Open WebUI
+---
+
+Open WebUI is an extensible, feature-rich, and user-friendly self-hosted AI platform designed to operate entirely offline. It supports various LLM runners like Ollama and OpenAI-compatible APIs, with built-in inference engine for RAG, making it a powerful AI deployment solution. For more details, check [Open WebUI documentation](https://www.manual.grid.tf/documentation/dashboard/solutions/openwebui.html).
diff --git a/packages/playground/src/components/vm_deployment_table.vue b/packages/playground/src/components/vm_deployment_table.vue
index 2f219528ed..bbdd4d0b8f 100644
--- a/packages/playground/src/components/vm_deployment_table.vue
+++ b/packages/playground/src/components/vm_deployment_table.vue
@@ -334,6 +334,7 @@ const filteredHeaders = computed(() => {
     ProjectName.Presearch,
     ProjectName.Umbrel,
     ProjectName.Nextcloud,
+    ProjectName.Openwebui,
     ProjectName.Funkwhale,
     ProjectName.Casperlabs,
     ProjectName.Mattermost,
diff --git a/packages/playground/src/constants/deployment_list.ts b/packages/playground/src/constants/deployment_list.ts
index 23ed230d41..7ef1f564da 100644
--- a/packages/playground/src/constants/deployment_list.ts
+++ b/packages/playground/src/constants/deployment_list.ts
@@ -89,6 +89,11 @@ export const deploymentListEnvironments = {
     MATTERMOST_DOMAIN: false,
   },
 
+  openwebui: {
+    SSH_KEY: _ssh,
+    OPENWEBUI_DOMAIN: "Open WebUI Domain",
+  },
+
   owncloud: {
     SSH_KEY: _ssh,
     OWNCLOUD_DOMAIN: "Owncloud Domain",
diff --git a/packages/playground/src/router/index.ts b/packages/playground/src/router/index.ts
index cf5e78e5eb..b5e95495cc 100644
--- a/packages/playground/src/router/index.ts
+++ b/packages/playground/src/router/index.ts
@@ -143,6 +143,28 @@ function createApplicationsRoutes(): RouteRecordRaw[] {
         },
       },
     },
+    {
+      path: DashboardRoutes.Applications.Openwebui,
+      component: () => import("../views/openwebui_view.vue"),
+      meta: {
+        title: "Open WebUI",
+        info: { page: "info/openwebui.md" },
+        navbarConfig: {
+          back: true,
+          path: [
+            { title: "Deploy" },
+            {
+              title: "Applications",
+              disabled: false,
+              to: DashboardRoutes.Deploy.Applications,
+            },
+            {
+              title: "Open WebUI",
+            },
+          ],
+        },
+      },
+    },
     // {
     //   path: DashboardRoutes.Applications.Owncloud,
     //   component: () => import("../views/owncloud_view.vue"),
diff --git a/packages/playground/src/router/routes.ts b/packages/playground/src/router/routes.ts
index dd585541c1..bbed3dfa7f 100644
--- a/packages/playground/src/router/routes.ts
+++ b/packages/playground/src/router/routes.ts
@@ -60,6 +60,7 @@ enum ApplicationRoutes {
   Discourse = "/deploy/applications/discourse/",
   Taiga = "/deploy/applications/taiga/",
   Owncloud = "/deploy/applications/owncloud/",
+  Openwebui = "/deploy/applications/openwebui/",
   Nextcloud = "/deploy/applications/nextcloud/",
   Presearch = "/deploy/applications/presearch/",
   Subsquid = "/deploy/applications/subsquid/",
diff --git a/packages/playground/src/types/index.ts b/packages/playground/src/types/index.ts
index b7f1406750..730e41385f 100644
--- a/packages/playground/src/types/index.ts
+++ b/packages/playground/src/types/index.ts
@@ -116,6 +116,7 @@ export enum ProjectName {
   Funkwhale = "Funkwhale",
   Mastodon = "Mastodon",
   Mattermost = "Mattermost",
+  Openwebui = "Openwebui",
   Owncloud = "Owncloud",
   Nextcloud = "Nextcloud",
   Peertube = "Peertube",
@@ -148,6 +149,7 @@ export enum SolutionCode {
   funkwhale = "fw",
   taiga = "tg",
   discourse = "dc",
+  openwebui = "oi",
   owncloud = "oc",
   nextcloud = "nc",
   mattermost = "mm",
@@ -186,6 +188,7 @@ export const solutionType: { [key: string]: string } = {
   kubernetes: "Kubernetes",
   mattermost: "Mattermost",
   nodepilot: "Node Pilot",
+  openwebui: "Open WebUI",
   owncloud: "Owncloud",
   nextcloud: "Nextcloud",
   peertube: "Peertube",
diff --git a/packages/playground/src/utils/delete_deployment.ts b/packages/playground/src/utils/delete_deployment.ts
index 11ef548762..019aef8417 100644
--- a/packages/playground/src/utils/delete_deployment.ts
+++ b/packages/playground/src/utils/delete_deployment.ts
@@ -94,6 +94,7 @@ export function solutionHasGateway(projectName: ProjectName) {
     ProjectName.Taiga,
     ProjectName.Wordpress,
     ProjectName.Nextcloud,
+    ProjectName.Openwebui,
     ProjectName.Gitea,
     ProjectName.Jenkins,
     ProjectName.Jitsi,
diff --git a/packages/playground/src/views/openwebui_view.vue b/packages/playground/src/views/openwebui_view.vue
new file mode 100644
index 0000000000..273afc2c92
--- /dev/null
+++ b/packages/playground/src/views/openwebui_view.vue
@@ -0,0 +1,26 @@
+<template>
+  <view-layout>
+    <TfOpenwebui />
+
+    <template #list>
+      <TfDeploymentList title="Open WebUI Instances" :project-name="name" />
+    </template>
+  </view-layout>
+</template>
+
+<script lang="ts">
+import { ProjectName } from "../types";
+import TfDeploymentList from "../weblets/tf_deployment_list.vue";
+import TfOpenwebui from "../weblets/tf_openwebui.vue";
+
+export default {
+  name: "OpenwebuiView",
+  components: {
+    TfOpenwebui,
+    TfDeploymentList,
+  },
+  setup() {
+    return { name: ProjectName.Openwebui };
+  },
+};
+</script>
diff --git a/packages/playground/src/views/solutions_view.vue b/packages/playground/src/views/solutions_view.vue
index 27717ada6f..2922f708c3 100644
--- a/packages/playground/src/views/solutions_view.vue
+++ b/packages/playground/src/views/solutions_view.vue
@@ -99,6 +99,13 @@ export default {
         route: DashboardRoutes.Applications.StaticWebsite,
         releaseDate: new Date("2024-11-13"),
       },
+      {
+        title: "Open WebUI",
+        excerpt:
+          "Open WebUI is an extensible, feature-rich, and user-friendly self-hosted AI platform designed to operate entirely offline.",
+        icon: "openwebui.png",
+        route: DashboardRoutes.Applications.Openwebui,
+      },
       {
         title: "Nextcloud",
         excerpt:
diff --git a/packages/playground/src/weblets/tf_deployment_list.vue b/packages/playground/src/weblets/tf_deployment_list.vue
index 6898d34d7b..49039c65c2 100644
--- a/packages/playground/src/weblets/tf_deployment_list.vue
+++ b/packages/playground/src/weblets/tf_deployment_list.vue
@@ -199,6 +199,18 @@
           <IconActionBtn tooltip="Visit" icon="mdi-web" color="anchor" :href="'https://' + item.env.OWNCLOUD_DOMAIN" />
         </template>
 
+        <template #Openwebui-actions="{ item }">
+          <IconActionBtn
+            tooltip="Show Details"
+            icon="mdi-eye-outline"
+            @click="openDialog(tabs[activeTab].value, item)"
+          />
+
+          <IconActionBtn icon="mdi-cog" tooltip="Access Domain" @click="dialog = item.name" />
+
+          <ManageGatewayDialog v-if="dialog === item.name" :vm="item" @close="dialog = undefined" />
+        </template>
+
         <template #Nextcloud-actions="{ item }">
           <IconActionBtn
             tooltip="Show Details"
@@ -470,6 +482,7 @@ const tabs: Tab[] = [
   { title: "Discourse", value: "Discourse", imgPath: "images/icons/discourse.png" },
   { title: "Taiga", value: "Taiga", imgPath: "images/icons/taiga.png" },
   { title: "Owncloud", value: "Owncloud", imgPath: "images/icons/owncloud.png" },
+  { title: "Open WebUI", value: "Openwebui", imgPath: "images/icons/openwebui.png" },
   { title: "Nextcloud", value: "Nextcloud", imgPath: "images/icons/nextcloud.png" },
   { title: "Presearch", value: "Presearch", imgPath: "images/icons/presearch.png" },
   { title: "Subsquid", value: "Subsquid", imgPath: "images/icons/subsquid.png" },
diff --git a/packages/playground/src/weblets/tf_openwebui.vue b/packages/playground/src/weblets/tf_openwebui.vue
new file mode 100644
index 0000000000..001b7a10fd
--- /dev/null
+++ b/packages/playground/src/weblets/tf_openwebui.vue
@@ -0,0 +1,260 @@
+<template>
+  <weblet-layout
+    ref="layout"
+    :cpu="solution?.cpu"
+    :memory="solution?.memory"
+    :disk="disks.reduce((total, disk) => total + disk.size, solution?.disk + 2)"
+    :dedicated="dedicated"
+    :SelectedNode="selectionDetails?.node"
+    :valid-filters="selectionDetails?.validFilters"
+    title-image="images/icons/openwebui.png"
+  >
+    <template #title> Deploy an Open WebUI Instance </template>
+
+    <d-tabs :tabs="[{ title: 'Config', value: 'config' }]">
+      <template #config>
+        <input-validator
+          :value="name"
+          :rules="[
+              validators.required('Name is required.'),
+              validators.IsAlphanumericExpectUnderscore('Name should consist of letters ,numbers and underscores only.'),
+              (name: string) => validators.isAlpha('Name must start with an alphabetical character.')(name[0]),
+              validators.minLength('Name must be at least 2 characters.', 2),
+              validators.maxLength('Name cannot exceed 35 characters.', 35),
+            ]"
+          #="{ props }"
+        >
+          <input-tooltip tooltip="Instance name.">
+            <v-text-field label="Name" v-model="name" v-bind="props" />
+          </input-tooltip>
+        </input-validator>
+
+        <SelectSolutionFlavor
+          :small="{ cpu: 1, memory: 2, disk: 25 }"
+          :medium="{ cpu: 2, memory: 4, disk: 50 }"
+          :large="{ cpu: 4, memory: 16, disk: 100 }"
+          v-model="solution"
+        />
+
+        <Networks
+          required
+          v-model:ipv6="ipv6"
+          v-model:planetary="planetary"
+          v-model:mycelium="mycelium"
+          v-model:wireguard="wireguard"
+          :has-custom-domain="selectionDetails?.domain?.enabledCustomDomain"
+          require-domain
+        />
+        <input-tooltip
+          inline
+          tooltip="
+            Selecting a Node with GPU.
+            When selecting a node with GPU resources, please make sure that you have a rented node. To rent a node and gain access to GPU capabilities, you can use our dashboard.
+            "
+        >
+          <v-switch color="primary" inset label="GPU" v-model="hasGPU" hide-details />
+        </input-tooltip>
+        <input-tooltip inline tooltip="Click to know more about dedicated machines." :href="manual.dedicated_machines">
+          <v-switch color="primary" inset label="Dedicated" v-model="dedicated" hide-details />
+        </input-tooltip>
+
+        <input-tooltip inline tooltip="Renting capacity on certified nodes is charged 25% extra.">
+          <v-switch color="primary" inset label="Certified" v-model="certified" hide-details />
+        </input-tooltip>
+
+        <TfSelectionDetails
+          :filters="{
+            ipv6,
+            hasGPU,
+            certified,
+            dedicated,
+            cpu: solution?.cpu,
+            ssdDisks: disks.map(disk => disk.size),
+            solutionDisk: solution?.disk,
+            memory: solution?.memory,
+            rootFilesystemSize,
+            planetary,
+            mycelium,
+            wireguard,
+          }"
+          require-domain
+          v-model="selectionDetails"
+        />
+
+        <!-- Manage the selected keys and send them to the deployment as env var -->
+        <manage-ssh-deployemnt @selected-keys="updateSSHkeyEnv($event)" />
+      </template>
+    </d-tabs>
+
+    <template #footer-actions="{ validateBeforeDeploy }">
+      <v-btn
+        variant="elevated"
+        class="text-primery px-10 py-3 h-auto text-subtitle-1"
+        @click="validateBeforeDeploy(deploy)"
+        text="Deploy"
+      />
+    </template>
+  </weblet-layout>
+</template>
+
+<script lang="ts" setup>
+import { computed, type Ref, ref, watch } from "vue";
+
+import { manual } from "@/utils/manual";
+
+import Networks, { useNetworks } from "../components/networks.vue";
+import { useLayout } from "../components/weblet_layout.vue";
+import { useGrid, useProfileManager } from "../stores";
+import type { solutionFlavor as SolutionFlavor } from "../types";
+import { type Flist, ProjectName } from "../types";
+import { deployVM, type Disk } from "../utils/deploy_vm";
+import { deployGatewayName, getSubdomain, rollbackDeployment } from "../utils/gateway";
+import { getGrid } from "../utils/grid";
+import { normalizeError } from "../utils/helpers";
+import { generateName } from "../utils/strings";
+
+const selectionDetails = ref<SelectionDetails>();
+
+const layout = useLayout();
+const profileManager = useProfileManager();
+const tabs = ref();
+const solution = ref() as Ref<SolutionFlavor>;
+const selectedSSHKeys = ref("");
+const name = ref(generateName({ prefix: "oi" }));
+const domain = ref();
+const flist = ref<Flist>({
+  name: "Ubuntu-24.04 Open WebUI Instance",
+  value: "https://hub.grid.tf/idrnd.3bot/ubuntu-24.04_fullvm_oi.flist",
+  entryPoint: "",
+});
+const { ipv6, mycelium, planetary, wireguard } = useNetworks();
+const dedicated = ref(false);
+const certified = ref(false);
+const disks = ref<Disk[]>([]);
+const hasGPU = ref(false);
+const rootFilesystemSize = computed(() => solution.value?.disk);
+const gridStore = useGrid();
+const grid = gridStore.client as GridClient;
+
+watch(
+  dedicated,
+  dedicated => {
+    if (dedicated === false) {
+      hasGPU.value = dedicated;
+    }
+  },
+  { immediate: true },
+);
+
+watch(
+  hasGPU,
+  hasGPU => {
+    if (hasGPU) {
+      dedicated.value = true;
+    }
+  },
+  { immediate: true },
+);
+
+function finalize(deployment: any, domain: string) {
+  layout.value.reloadDeploymentsList();
+  layout.value.setStatus(
+    "success",
+    `Successfully deployed an Open WebUI instance. The domain URL is "${domain}". You might need to wait a couple of minutes for the installation to complete, e.g. if you see Bad Gateway when opening the webpage, simply wait and refresh the page.`,
+  );
+  layout.value.openDialog(deployment, deploymentListEnvironments.openwebui);
+}
+async function deploy() {
+  layout.value.setStatus("deploy");
+
+  const projectName = ProjectName.Openwebui.toLowerCase() + "/" + name.value;
+
+  const subdomain = getSubdomain({
+    deploymentName: name.value,
+    projectName,
+    twinId: profileManager.profile!.twinId,
+  });
+
+  const domain = selectionDetails.value!.domain!.enabledCustomDomain
+    ? selectionDetails.value!.domain!.customDomain
+    : subdomain + "." + selectionDetails.value!.domain!.selectedDomain?.publicConfig.domain;
+
+  let vm: any;
+  try {
+    layout.value?.validateSSH();
+    updateGrid(grid, { projectName });
+
+    await layout.value.validateBalance(grid!);
+
+    vm = await deployVM(grid!, {
+      name: name.value,
+      machines: [
+        {
+          name: name.value,
+          cpu: solution.value.cpu,
+          memory: solution.value.memory,
+          flist: flist.value!.value,
+          entryPoint: flist.value!.entryPoint,
+          disks: [...disks.value],
+          publicIpv6: ipv6.value,
+          planetary: planetary.value,
+          mycelium: mycelium.value,
+          envs: [{ key: "SSH_KEY", value: selectedSSHKeys.value }],
+          rootFilesystemSize: rootFilesystemSize.value,
+          hasGPU: hasGPU.value,
+          nodeId: selectionDetails.value?.node?.nodeId,
+          gpus: hasGPU.value ? selectionDetails.value?.gpuCards.map(card => card.id) : undefined,
+          rentedBy: dedicated.value ? grid!.twinId : undefined,
+          certified: certified.value,
+        },
+      ],
+      network: {
+        addAccess: wireguard.value || selectionDetails.value!.domain!.enableSelectedDomain,
+        accessNodeId: selectionDetails.value?.domain?.selectedDomain?.nodeId,
+      },
+    });
+  } catch (e) {
+    layout.value.setStatus("failed", normalizeError(e, "Failed to deploy an Open WebUI instance."));
+  }
+
+  try {
+    layout.value.setStatus("deploy", "Preparing to deploy gateway...");
+
+    await deployGatewayName(grid, selectionDetails.value?.domain, {
+      subdomain,
+      ip: vm[0].interfaces[0].ip,
+      port: 8080,
+      network: vm[0].interfaces[0].network,
+    });
+
+    finalize(vm, domain);
+  } catch (e) {
+    layout.value.setStatus("deploy", "Rollbacking back due to fail to deploy gateway...");
+
+    await rollbackDeployment(grid, name.value);
+    layout.value.setStatus("failed", normalizeError(e, "Failed to deploy an Open WebUI instance."));
+  }
+}
+
+function updateSSHkeyEnv(selectedKeys: string) {
+  selectedSSHKeys.value = selectedKeys;
+}
+</script>
+
+<script lang="ts">
+import type { GridClient } from "@threefold/grid_client";
+
+import SelectSolutionFlavor from "../components/select_solution_flavor.vue";
+import ManageSshDeployemnt from "../components/ssh_keys/ManageSshDeployemnt.vue";
+import { deploymentListEnvironments } from "../constants";
+import type { SelectionDetails } from "../types/nodeSelector";
+import { updateGrid } from "../utils/grid";
+
+export default {
+  name: "TfOpenwebui",
+  components: {
+    SelectSolutionFlavor,
+    ManageSshDeployemnt,
+  },
+};
+</script>