diff --git a/electron-src/index.ts b/electron-src/index.ts
index 6a59c2b1d..048e4c217 100644
--- a/electron-src/index.ts
+++ b/electron-src/index.ts
@@ -220,6 +220,29 @@ async function createWindow() {
 
   const url = `http://localhost:${PORT}`;
 
+  mainWindow.webContents.session.webRequest.onHeadersReceived(
+    (details, callback) => {
+      callback({
+        responseHeaders: {
+          ...details.responseHeaders,
+          "Content-Security-Policy": [
+            "default-src 'self' 'unsafe-inline' 'unsafe-eval' https://app.uniswap.org https://*.uniswap.org https://x.com https://*.x.com; frame-src 'self' https://app.uniswap.org https://*.uniswap.org https://x.com https://*.x.com; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://app.uniswap.org https://*.uniswap.org https://x.com https://*.x.com; style-src 'self' 'unsafe-inline' https://app.uniswap.org https://*.uniswap.org https://x.com https://*.x.com; img-src 'self' data: https: blob:; connect-src 'self' https: wss: data: blob:;",
+          ],
+        },
+      });
+    }
+  );
+
+  mainWindow.webContents.setWindowOpenHandler(({ url }) => {
+    if (
+      url.startsWith("https://app.uniswap.org") ||
+      url.startsWith("https://x.com")
+    ) {
+      return { action: "allow" };
+    }
+    return { action: "deny" };
+  });
+
   mainWindow.loadURL(url);
 
   localShortcut.register("CommandOrControl+Shift+C", () => {
@@ -265,6 +288,23 @@ async function createWindow() {
       );
     }
   );
+
+  mainWindow.webContents.session.webRequest.onHeadersReceived(
+    (details, callback) => {
+      callback({
+        responseHeaders: {
+          ...details.responseHeaders,
+          "Content-Security-Policy": [
+            "default-src 'self' 'unsafe-inline' 'unsafe-eval' https://app.uniswap.org https://*.uniswap.org https://x.com https://*.x.com; frame-src 'self' https://app.uniswap.org https://*.uniswap.org https://x.com https://*.x.com; img-src 'self' data: https: blob:; connect-src 'self' https: wss: data: blob:; style-src 'self' 'unsafe-inline';",
+          ],
+        },
+      });
+    }
+  );
+
+  mainWindow.webContents.setWindowOpenHandler(() => {
+    return { action: "deny" };
+  });
 }
 
 protocol.registerSchemesAsPrivileged([
diff --git a/renderer/components/apps/Apps.module.scss b/renderer/components/apps/Apps.module.scss
new file mode 100644
index 000000000..d85b104bc
--- /dev/null
+++ b/renderer/components/apps/Apps.module.scss
@@ -0,0 +1,103 @@
+.mainContainer {
+  padding-bottom: 2rem;
+}
+
+.appCard {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+
+  &:hover {
+    color: inherit;
+    text-decoration: none;
+
+    .appCardInner {
+      transform: translateY(-4px);
+
+      .glowEffect {
+        opacity: 0.1;
+      }
+
+      .iconBackground {
+        transform: scale(1.1);
+      }
+
+      .appIcon {
+        transform: scale(1.1);
+      }
+    }
+  }
+}
+
+.appCardInner {
+  aspect-ratio: 1;
+  background: rgba(30, 31, 34, 0.6);
+  border-radius: 1.25rem;
+  padding: 1.5rem;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+  backdrop-filter: blur(10px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.glowEffect {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: radial-gradient(
+    circle at center,
+    rgba(var(--bs-primary-rgb), 0.3) 0%,
+    transparent 70%
+  );
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+
+.appIconWrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding: 2rem;
+}
+
+.iconBackground {
+  position: absolute;
+  width: 90px;
+  height: 90px;
+  background: rgba(255, 255, 255, 0.03);
+  border-radius: 24px;
+  transition: transform 0.3s ease-in-out;
+}
+
+.appIcon {
+  position: relative;
+  width: 100%;
+  height: auto;
+  max-width: 64px;
+  max-height: 64px;
+  object-fit: contain;
+  transition: transform 0.3s ease-in-out;
+  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
+}
+
+.appInfo {
+  padding-top: 1.25rem;
+  margin-top: 0.5rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.appName {
+  margin: 0;
+  font-size: 1.125rem;
+  font-weight: 500;
+  text-align: center;
+  color: var(--bs-gray-200);
+  letter-spacing: -0.01em;
+}
diff --git a/renderer/components/apps/AppsGrid.tsx b/renderer/components/apps/AppsGrid.tsx
new file mode 100644
index 000000000..8879adb18
--- /dev/null
+++ b/renderer/components/apps/AppsGrid.tsx
@@ -0,0 +1,87 @@
+import { Container, Row, Col } from "react-bootstrap";
+import styles from "./Apps.module.scss";
+import Image from "next/image";
+import Link from "next/link";
+
+interface AppCard {
+  name: string;
+  description: string;
+  icon: string;
+  path: string;
+}
+
+interface AppSection {
+  title: string;
+  apps: AppCard[];
+}
+
+const APPS_SECTIONS: AppSection[] = [
+  {
+    title: "DApps",
+    apps: [
+      {
+        name: "Uniswap",
+        description:
+          "Swap tokens and provide liquidity with the leading DEX protocol",
+        icon: "/uniswap-logo.png",
+        path: "/apps/uniswap",
+      },
+    ],
+  },
+];
+
+export default function AppsGrid() {
+  return (
+    <Container fluid className={styles.mainContainer}>
+      <Row>
+        <Col>
+          <Container className="pt-4">
+            <Row>
+              <Col>
+                <h1>
+                  <span className="font-lightest">Apps</span>
+                </h1>
+                <p className="text-muted">
+                  Integrated applications within the 6529 CORE ecosystem
+                </p>
+              </Col>
+            </Row>
+            {APPS_SECTIONS.map((section) => (
+              <div key={section.title}>
+                <Row className="pt-5">
+                  <Col>
+                    <h2 className="font-lightest">{section.title}</h2>
+                  </Col>
+                </Row>
+                <Row className="pt-3">
+                  {section.apps.map((app) => (
+                    <Col key={app.name} xs={6} sm={4} md={3} className="mb-4">
+                      <Link href={app.path} className={styles.appCard}>
+                        <div className={styles.appCardInner}>
+                          <div className={styles.glowEffect} />
+                          <div className={styles.appIconWrapper}>
+                            <div className={styles.iconBackground} />
+                            <Image
+                              src={app.icon}
+                              alt={app.name}
+                              width={64}
+                              height={64}
+                              className={styles.appIcon}
+                            />
+                          </div>
+                          <div className={styles.appInfo}>
+                            <h3 className={styles.appName}>{app.name}</h3>
+                          </div>
+                        </div>
+                      </Link>
+                    </Col>
+                  ))}
+                </Row>
+              </div>
+            ))}
+          </Container>
+        </Col>
+      </Row>
+    </Container>
+  );
+}
diff --git a/renderer/components/apps/uniswap/UniswapApp.module.scss b/renderer/components/apps/uniswap/UniswapApp.module.scss
new file mode 100644
index 000000000..731e1732f
--- /dev/null
+++ b/renderer/components/apps/uniswap/UniswapApp.module.scss
@@ -0,0 +1,21 @@
+.mainContainer {
+  padding-bottom: 2rem;
+}
+
+.connectMessage {
+  background: var(--bs-dark);
+  padding: 2rem;
+  border-radius: 0.5rem;
+  text-align: center;
+  color: var(--bs-gray-300);
+}
+
+.uniswapFrame {
+  border: 1px solid var(--bs-dark);
+  border-radius: 0.5rem;
+  background: var(--bs-dark);
+  width: 100%;
+  height: 720px;
+  overflow: hidden;
+  display: block;
+}
diff --git a/renderer/components/apps/uniswap/UniswapApp.tsx b/renderer/components/apps/uniswap/UniswapApp.tsx
new file mode 100644
index 000000000..1ed016de4
--- /dev/null
+++ b/renderer/components/apps/uniswap/UniswapApp.tsx
@@ -0,0 +1,50 @@
+import { Container, Row, Col } from "react-bootstrap";
+import styles from "./UniswapApp.module.scss";
+import Image from "next/image";
+
+export default function UniswapApp() {
+  return (
+    <Container fluid className={styles.mainContainer}>
+      <Row>
+        <Col>
+          <Container className="pt-4">
+            <Row>
+              <Col className="d-flex align-items-center gap-3">
+                <div className="d-flex align-items-center">
+                  <Image
+                    src="/uniswap-logo.png"
+                    alt="Uniswap"
+                    width={48}
+                    height={48}
+                  />
+                </div>
+                <h1 className="d-flex align-items-center m-0">
+                  <span className="font-lightest">Uniswap</span>
+                </h1>
+              </Col>
+            </Row>
+
+            <Row className="pt-4">
+              <Col>
+                <iframe
+                  src="https://app.uniswap.org/#/swap?theme=dark"
+                  className={styles.uniswapFrame}
+                  sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+                  allow="clipboard-write"
+                  style={{
+                    display: "block",
+                    border: "none",
+                    width: "100%",
+                    height: "720px",
+                    borderRadius: "0.5rem",
+                    background: "var(--bs-dark)",
+                  }}
+                />
+              </Col>
+            </Row>
+          </Container>
+        </Col>
+      </Row>
+    </Container>
+  );
+}
diff --git a/renderer/components/header/Header.tsx b/renderer/components/header/Header.tsx
index e5860b528..df7f84398 100644
--- a/renderer/components/header/Header.tsx
+++ b/renderer/components/header/Header.tsx
@@ -142,7 +142,8 @@ export default function Header(props: Readonly<Props>) {
       <div
         className={`inset-safe-area ${styles.burgerMenu} ${
           burgerMenuOpen ? styles.burgerMenuOpen : ""
-        }`}>
+        }`}
+      >
         <Container className="pt-2 pb-2">
           <Row>
             <Col className="d-flex justify-content-end">
@@ -157,7 +158,8 @@ export default function Header(props: Readonly<Props>) {
                   setShowBurgerMenuCommunity(false);
                   setShowBurgerMenuTools(false);
                   setShowBurgerMenuBrain(false);
-                }}></FontAwesomeIcon>
+                }}
+              ></FontAwesomeIcon>
             </Col>
           </Row>
         </Container>
@@ -177,7 +179,8 @@ export default function Header(props: Readonly<Props>) {
           <Row className="pt-4 pb-3">
             <Col>
               <h3
-                className={`d-flex justify-content-center ${styles.burgerMenuHeader}`}>
+                className={`d-flex justify-content-center ${styles.burgerMenuHeader}`}
+              >
                 <HeaderUser />
               </h3>
             </Col>
@@ -209,7 +212,8 @@ export default function Header(props: Readonly<Props>) {
                     showBurgerMenuBrain
                       ? styles.burgerMenuCaretClose
                       : styles.burgerMenuCaretOpen
-                  }`}>
+                  }`}
+                >
                   Brain
                 </h3>
               </Col>
@@ -269,7 +273,8 @@ export default function Header(props: Readonly<Props>) {
                     showBurgerMenuCore
                       ? styles.burgerMenuCaretClose
                       : styles.burgerMenuCaretOpen
-                  }`}>
+                  }`}
+              >
                 Core
               </h3>
             </Col>
@@ -342,7 +347,8 @@ export default function Header(props: Readonly<Props>) {
                     showBurgerMenuCollections
                       ? styles.burgerMenuCaretClose
                       : styles.burgerMenuCaretOpen
-                  }`}>
+                  }`}
+              >
                 Collections
               </h3>
             </Col>
@@ -432,7 +438,8 @@ export default function Header(props: Readonly<Props>) {
                     showBurgerMenuCommunity
                       ? styles.burgerMenuCaretClose
                       : styles.burgerMenuCaretOpen
-                  }`}>
+                  }`}
+              >
                 Network
               </h3>
             </Col>
@@ -541,7 +548,8 @@ export default function Header(props: Readonly<Props>) {
                     showBurgerMenuTools
                       ? styles.burgerMenuCaretClose
                       : styles.burgerMenuCaretOpen
-                  }`}>
+                  }`}
+              >
                 Tools
               </h3>
             </Col>
@@ -627,7 +635,8 @@ export default function Header(props: Readonly<Props>) {
                     showBurgerMenuAbout
                       ? styles.burgerMenuCaretClose
                       : styles.burgerMenuCaretOpen
-                  }`}>
+                  }`}
+              >
                 About
               </h3>
             </Col>
@@ -832,7 +841,8 @@ export default function Header(props: Readonly<Props>) {
                   lg={{ span: 3 }}
                   xl={{ span: 2 }}
                   xxl={{ span: 3 }}
-                  className={`d-flex align-items-center justify-content-start`}>
+                  className={`d-flex align-items-center justify-content-start`}
+                >
                   <Link href="/">
                     <Image
                       loading="eager"
@@ -852,13 +862,16 @@ export default function Header(props: Readonly<Props>) {
                   lg={{ span: 9 }}
                   xl={{ span: 10 }}
                   xxl={{ span: 9 }}
-                  className={`d-flex align-items-center justify-content-end ${styles.headerRight}`}>
+                  className={`d-flex align-items-center justify-content-end ${styles.headerRight}`}
+                >
                   <Container className="no-padding">
                     <Navbar expand="lg" variant="dark">
                       <Container
-                        className={`d-flex align-items-center justify-content-end no-padding`}>
+                        className={`d-flex align-items-center justify-content-end no-padding`}
+                      >
                         <div
-                          className={`${styles.dMdNone} d-flex align-items-center`}>
+                          className={`${styles.dMdNone} d-flex align-items-center`}
+                        >
                           <div className="tw-inline-flex tw-space-x-2 tw-mr-6 xl:tw-mr-2">
                             {showWaves && <HeaderNotifications />}
                             <HeaderSearchButton />
@@ -868,19 +881,22 @@ export default function Header(props: Readonly<Props>) {
                             aria-label="Menu"
                             title="Menu"
                             onClick={() => setBurgerMenuOpen(true)}
-                            className="tw-flex tw-items-center tw-justify-center tw-rounded-lg tw-bg-iron-800 tw-ring-1 tw-ring-inset tw-ring-iron-700 tw-h-11 tw-w-11 tw-border-0 tw-text-iron-300 hover:tw-text-iron-50 tw-shadow-sm hover:tw-bg-iron-700 focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-primary-400 tw-transition tw-duration-300 tw-ease-out">
+                            className="tw-flex tw-items-center tw-justify-center tw-rounded-lg tw-bg-iron-800 tw-ring-1 tw-ring-inset tw-ring-iron-700 tw-h-11 tw-w-11 tw-border-0 tw-text-iron-300 hover:tw-text-iron-50 tw-shadow-sm hover:tw-bg-iron-700 focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-primary-400 tw-transition tw-duration-300 tw-ease-out"
+                          >
                             <FontAwesomeIcon icon={faBars} height={20} />
                           </button>
                         </div>
                         <Navbar
                           id="seize-navbar-nav"
-                          className={`justify-content-end d-none ${styles.dMdBlock}`}>
+                          className={`justify-content-end d-none ${styles.dMdBlock}`}
+                        >
                           <Nav className="justify-content-end ml-auto">
                             {showWaves && (
                               <NavDropdown
                                 title="Brain"
                                 align={"start"}
-                                className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}>
+                                className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}
+                              >
                                 <HeaderDesktopLink
                                   link={{
                                     name: "My Stream",
@@ -898,7 +914,8 @@ export default function Header(props: Readonly<Props>) {
                             <NavDropdown
                               title="Core"
                               align={"start"}
-                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}>
+                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}
+                            >
                               <HeaderDesktopLink
                                 link={{
                                   name: "App Info",
@@ -922,7 +939,8 @@ export default function Header(props: Readonly<Props>) {
                             <NavDropdown
                               title="Collections"
                               align={"start"}
-                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}>
+                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}
+                            >
                               <HeaderDesktopLink
                                 link={{
                                   name: "The Memes",
@@ -959,7 +977,8 @@ export default function Header(props: Readonly<Props>) {
                             <NavDropdown
                               title="Network"
                               align={"start"}
-                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}>
+                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}
+                            >
                               <HeaderDesktopLink
                                 link={{
                                   name: "Members",
@@ -1014,7 +1033,8 @@ export default function Header(props: Readonly<Props>) {
                             <NavDropdown
                               title="Tools"
                               align={"start"}
-                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}>
+                              className={`${styles.mainNavLink} ${styles.mainNavLinkPadding}`}
+                            >
                               <HeaderDesktopLink
                                 link={{
                                   name: "Subscriptions Report",
@@ -1060,6 +1080,12 @@ export default function Header(props: Readonly<Props>) {
                                   path: "/meme-gas",
                                 }}
                               />
+                              <HeaderDesktopLink
+                                link={{
+                                  name: "Apps",
+                                  path: "/apps",
+                                }}
+                              />
                             </NavDropdown>
                             <NavDropdown
                               title="About"
@@ -1070,7 +1096,8 @@ export default function Header(props: Readonly<Props>) {
                                   ? "active"
                                   : ""
                               }`}
-                              align={"start"}>
+                              align={"start"}
+                            >
                               <HeaderDesktopLink
                                 link={{
                                   name: "The Memes",
diff --git a/renderer/pages/apps/index.tsx b/renderer/pages/apps/index.tsx
new file mode 100644
index 000000000..3798143e3
--- /dev/null
+++ b/renderer/pages/apps/index.tsx
@@ -0,0 +1,39 @@
+import Head from "next/head";
+import styles from "../../styles/Home.module.scss";
+import dynamic from "next/dynamic";
+import Breadcrumb from "../../components/breadcrumb/Breadcrumb";
+import HeaderPlaceholder from "../../components/header/HeaderPlaceholder";
+import { SEIZE_URL } from "../../../constants";
+import AppsGrid from "../../components/apps/AppsGrid";
+
+const Header = dynamic(() => import("../../components/header/Header"), {
+  ssr: false,
+  loading: () => <HeaderPlaceholder />,
+});
+
+export default function AppsPage() {
+  const breadcrumbs = [{ display: "Home", href: "/" }, { display: "Apps" }];
+
+  return (
+    <>
+      <Head>
+        <title>Apps | 6529 CORE</title>
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="description" content="Apps | 6529 CORE" />
+        <meta property="og:url" content={`${SEIZE_URL}/apps`} />
+        <meta property="og:title" content="Apps" />
+        <meta property="og:description" content="6529 CORE" />
+        <meta
+          property="og:image"
+          content={`${SEIZE_URL}/Seize_Logo_Glasses_2.png`}
+        />
+      </Head>
+
+      <main className={styles.main}>
+        <Header />
+        <Breadcrumb breadcrumbs={breadcrumbs} />
+        <AppsGrid />
+      </main>
+    </>
+  );
+}
diff --git a/renderer/pages/apps/uniswap/index.tsx b/renderer/pages/apps/uniswap/index.tsx
new file mode 100644
index 000000000..eba2def9c
--- /dev/null
+++ b/renderer/pages/apps/uniswap/index.tsx
@@ -0,0 +1,49 @@
+import Head from "next/head";
+import styles from "../../../styles/Home.module.scss";
+import dynamic from "next/dynamic";
+import Breadcrumb from "../../../components/breadcrumb/Breadcrumb";
+import HeaderPlaceholder from "../../../components/header/HeaderPlaceholder";
+import { SEIZE_URL } from "../../../../constants";
+
+const Header = dynamic(() => import("../../../components/header/Header"), {
+  ssr: false,
+  loading: () => <HeaderPlaceholder />,
+});
+
+const UniswapApp = dynamic(
+  () => import("../../../components/apps/uniswap/UniswapApp"),
+  {
+    ssr: false,
+  }
+);
+
+export default function UniswapPage() {
+  const breadcrumbs = [
+    { display: "Home", href: "/" },
+    { display: "Apps", href: "/apps" },
+    { display: "Uniswap" },
+  ];
+
+  return (
+    <>
+      <Head>
+        <title>Uniswap | 6529 CORE</title>
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="description" content="Uniswap | 6529 CORE" />
+        <meta property="og:url" content={`${SEIZE_URL}/apps/uniswap`} />
+        <meta property="og:title" content="Uniswap" />
+        <meta property="og:description" content="6529 CORE" />
+        <meta
+          property="og:image"
+          content={`${SEIZE_URL}/Seize_Logo_Glasses_2.png`}
+        />
+      </Head>
+
+      <main className={styles.main}>
+        <Header />
+        <Breadcrumb breadcrumbs={breadcrumbs} />
+        <UniswapApp />
+      </main>
+    </>
+  );
+} 
\ No newline at end of file
diff --git a/renderer/public/uniswap-logo.png b/renderer/public/uniswap-logo.png
new file mode 100644
index 000000000..01ffcf726
Binary files /dev/null and b/renderer/public/uniswap-logo.png differ