diff --git a/README.md b/README.md
index 63b4181..190b25d 100644
--- a/README.md
+++ b/README.md
@@ -12,13 +12,20 @@ static React SPA with per-app prerendered pages, built with Vite and served from
 Read **[SPEC.md](SPEC.md)** (§7 has the checklist), add `apps/<your-slug>/`, and open a PR. CI
 enforces the schema, exact asset dimensions, and the store's quality gates automatically.
 
+## Browsing the store
+
+- `/` — the featured shelf + filterable/searchable grid.
+- `/apps` — the **Apps** tab: every listing as a phone-home-screen icon grid (tap an icon to open
+  the dApp). This is the mobile-first browse/launch surface, and what the dig-chrome-extension's
+  "Explore DIG Network" action surfaces.
+
 ## Machine consumption
 
 - `https://explore.dig.net/catalog.json` — every listing's full metadata + asset URLs; consume
   this instead of scraping HTML.
 - `https://explore.dig.net/llms.txt` — the agent-facing map of the store.
 - Per-app pages at `/app/<slug>` ship `SoftwareApplication` JSON-LD; the home page ships
-  `WebSite` + `ItemList`.
+  `WebSite` + `ItemList`; `/apps` ships its own title/canonical/OG card.
 
 ## Development
 
diff --git a/SPEC.md b/SPEC.md
index 0258257..927263a 100644
--- a/SPEC.md
+++ b/SPEC.md
@@ -186,7 +186,11 @@ Every build regenerates, and every deploy serves:
 - `/app/<slug>` — a prerendered HTML page per listing carrying its own title, meta description,
   canonical URL, OG/Twitter tags (including the app's OWN `og:image` — sharing a detail page
   unfurls that app's card, never the generic store card), and `SoftwareApplication` JSON-LD.
-- `/sitemap.xml`, `/robots.txt`, `/llms.txt` — kept in sync with the catalog on every build.
+- `/apps` — a prerendered HTML page for the Apps home-screen tab (§6), carrying its own title,
+  meta description, canonical URL, and OG/Twitter tags (the store's own `og.png`, since the tab has
+  no per-listing art of its own).
+- `/sitemap.xml`, `/robots.txt`, `/llms.txt` — kept in sync with the catalog on every build; the
+  sitemap and `llms.txt` both list `/apps` alongside home and every `/app/<slug>` page.
 - The store's own icon set: `/favicon.svg`, `/apple-touch-icon.png` (180×180), `/icon-192.png`,
   `/icon-512.png`, `/site.webmanifest`, and the store's social card `/og.png` (1200×630).
 - **Build gate** (`scripts/check-dist.mjs`): a build fails unless every file above exists, the
@@ -225,8 +229,16 @@ be renamed or repurposed.
   `<meta name="app-version">`, and at `window.__APP_VERSION__`.
 - **Bug reporting:** the shared `@dignetwork/components` `<BugReportButton repo="explore.dig.net">`
   is mounted at the shell; its API host `api.bugreport.dig.net` is allowed in the CSP.
-- **Routing:** `/` (home), `/app/<slug>` (detail), anything else renders the not-found state. The
-  filter state mirrors to the URL as `?category=<cat>&q=<text>`.
+- **Routing:** `/` (home), `/apps` (the Apps home-screen tab), `/app/<slug>` (detail), anything else
+  renders the not-found state. The filter state mirrors to the URL as `?category=<cat>&q=<text>`
+  (home only — the Apps tab below has no filter/search).
+- **Apps home-screen tab (`/apps`):** every listed dApp renders as a phone-home-screen icon — the
+  listing's `assets.icon` plus its `name` label beneath, in a responsive grid (rows of rounded icons
+  on mobile; the same grid scales up on desktop). Tapping a tile's icon+label opens the dApp's `url`
+  directly in a new tab (the same action as the Store tab's "Open dApp" CTA); a small, separate "i"
+  affordance on each tile links to that listing's `/app/<slug>` detail page. A `<nav>` labelled view
+  switcher ("Store" / "Apps", `aria-current="page"` on the active one) appears on both the home and
+  Apps views so a visitor can move between the two presentations of the same catalog.
 
 ## 7. Submission checklist (author-facing)
 
diff --git a/package-lock.json b/package-lock.json
index c322e0d..097b9d1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "explore-dig-net",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "explore-dig-net",
-      "version": "0.1.0",
+      "version": "0.3.0",
       "dependencies": {
         "@dignetwork/components": "^0.1.1",
         "react": "18.3.1",
diff --git a/package.json b/package.json
index 6437af6..b368e3f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "explore-dig-net",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": true,
   "type": "module",
   "description": "explore.dig.net — the curated dApp store for the DIG Network / Chia ecosystem",
diff --git a/public/site.webmanifest b/public/site.webmanifest
index 38f7653..9710326 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -10,5 +10,14 @@
     { "src": "/favicon.svg", "sizes": "any", "type": "image/svg+xml" },
     { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
     { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ],
+  "shortcuts": [
+    {
+      "name": "Apps",
+      "short_name": "Apps",
+      "description": "Browse every DIG Network dApp as a home-screen icon grid.",
+      "url": "/apps",
+      "icons": [{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" }]
+    }
   ]
 }
diff --git a/scripts/build-catalog.mjs b/scripts/build-catalog.mjs
index 238a00e..75a07e3 100644
--- a/scripts/build-catalog.mjs
+++ b/scripts/build-catalog.mjs
@@ -44,11 +44,12 @@ export function buildCatalog(apps, { generatedAt, storeVersion }) {
   return { generatedAt, storeVersion, siteUrl: SITE_URL, count: entries.length, apps: entries };
 }
 
-/** Render sitemap.xml — home + one entry per app detail page (pure). */
+/** Render sitemap.xml — home + the Apps home-screen tab + one entry per app detail page (pure). */
 export function renderSitemap(catalog) {
   const lastmod = catalog.generatedAt.slice(0, 10);
   const urls = [
     { loc: `${SITE_URL}/`, priority: "1.0" },
+    { loc: `${SITE_URL}/apps`, priority: "0.9" },
     ...catalog.apps.map((a) => ({ loc: a.detailUrl, priority: "0.8" })),
   ];
   const body = urls
@@ -74,6 +75,7 @@ export function renderLlmsTxt(catalog) {
 ## Key pages
 
 - [Store home](${SITE_URL}/) — featured + all apps, category filter, search
+- [Apps](${SITE_URL}/apps) — every listing as a phone-home-screen icon grid (tap an icon to open the dApp) — the mobile-first browse/launch surface
 - [Machine catalog (JSON)](${SITE_URL}/catalog.json) — every listing's full metadata + asset URLs; consume this instead of scraping HTML
 - [Submission spec](https://github.com/DIG-Network/explore.dig.net/blob/main/SPEC.md) — the exact metadata schema + asset checklist to get listed
 - [Metadata JSON Schema](https://github.com/DIG-Network/explore.dig.net/blob/main/apps/app.schema.json)
diff --git a/scripts/check-dist.mjs b/scripts/check-dist.mjs
index 7606079..3258fd8 100644
--- a/scripts/check-dist.mjs
+++ b/scripts/check-dist.mjs
@@ -60,6 +60,20 @@ export function auditHomeHead(html) {
   return HOME_HEAD_TAGS.filter(([, re]) => !re.test(html)).map(([label]) => `home: missing ${label}`);
 }
 
+/** The Apps home-screen tab's (#51) mandatory head tags — its own canonical + card, not home's. */
+const APPS_PAGE_HEAD_TAGS = [
+  ["<title>", /<title>[^<]{5,}<\/title>/],
+  ["meta description", /<meta\s+name="description"\s+content="[^"]{20,}"/],
+  ["canonical = /apps", new RegExp(`<link rel="canonical" href="${SITE_URL}/apps"`)],
+  ["og:url = /apps", new RegExp(`property="og:url" content="${SITE_URL}/apps"`)],
+  ["twitter:card summary_large_image", /name="twitter:card" content="summary_large_image"/],
+];
+
+/** Audit the built Apps tab's head (#51). Returns the missing tags' labels ([] when complete). */
+export function auditAppsPageHead(html) {
+  return APPS_PAGE_HEAD_TAGS.filter(([, re]) => !re.test(html)).map(([label]) => `apps: missing ${label}`);
+}
+
 /**
  * Audit one prerendered app page's head: it must carry the app's OWN social card — its canonical
  * detail URL and its own og image — plus a large-image Twitter card. Returns missing[] labels.
@@ -108,6 +122,15 @@ function main() {
     /* index.html already reported missing above */
   }
 
+  // The Apps home-screen tab (#51): its own prerendered page + head carrying its own card.
+  try {
+    const s = statSync(join(DIST, "apps", "index.html"));
+    if (!s.isFile() || s.size === 0) missing.push("apps/index.html (empty)");
+    else missing.push(...auditAppsPageHead(readFileSync(join(DIST, "apps", "index.html"), "utf-8")));
+  } catch {
+    missing.push("apps/index.html (missing)");
+  }
+
   // Every cataloged app: prerendered page with its OWN card + copied assets + a true-size og.
   let catalog = { apps: [] };
   try {
diff --git a/scripts/prerender-apps.mjs b/scripts/prerender-apps.mjs
index 0a0e01f..5f619e9 100644
--- a/scripts/prerender-apps.mjs
+++ b/scripts/prerender-apps.mjs
@@ -5,7 +5,9 @@
 //   1. writes dist/app/<slug>/index.html for every listed app — the built SPA shell with the SEO
 //      block (title/description/canonical/OG/Twitter/JSON-LD) swapped for that app's own; a
 //      CloudFront function rewrites the extensionless /app/<slug> request to this object;
-//   2. injects the store-wide ItemList JSON-LD into dist/index.html so the home page's structured
+//   2. writes dist/apps/index.html — the Apps home-screen tab's own SEO head (#51); a CloudFront
+//      function rewrites the extensionless /apps request to this object;
+//   3. injects the store-wide ItemList JSON-LD into dist/index.html so the home page's structured
 //      data enumerates the catalog.
 //
 // index.html carries `<!-- SEO:BEGIN -->…<!-- SEO:END -->` markers around the swappable block.
@@ -59,6 +61,38 @@ export function appSeoBlock(app) {
   ].join("\n    ");
 }
 
+/**
+ * The Apps home-screen tab's SEO head block (#51, pure — unit-testable). It carries its own
+ * title/canonical rather than the generic store card, so sharing /apps unfurls the right page.
+ */
+export function appsPageSeoBlock() {
+  const title = "Apps — explore.dig.net";
+  const description =
+    "Every DIG Network dApp, one tap away — a phone-home-screen icon grid for browsing and " +
+    "launching dApps built on DIG Network and Chia.";
+  const pageUrl = `${SITE_URL}/apps`;
+  const ogImage = `${SITE_URL}/og.png`;
+  return [
+    `<title>${esc(title)}</title>`,
+    `<meta name="description" content="${esc(description)}" />`,
+    `<link rel="canonical" href="${pageUrl}" />`,
+    `<meta name="robots" content="index, follow" />`,
+    `<meta property="og:type" content="website" />`,
+    `<meta property="og:site_name" content="explore.dig.net" />`,
+    `<meta property="og:title" content="${esc(title)}" />`,
+    `<meta property="og:description" content="${esc(description)}" />`,
+    `<meta property="og:url" content="${pageUrl}" />`,
+    `<meta property="og:image" content="${ogImage}" />`,
+    `<meta property="og:image:width" content="1200" />`,
+    `<meta property="og:image:height" content="630" />`,
+    `<meta property="og:image:alt" content="${esc(title)}" />`,
+    `<meta name="twitter:card" content="summary_large_image" />`,
+    `<meta name="twitter:title" content="${esc(title)}" />`,
+    `<meta name="twitter:description" content="${esc(description)}" />`,
+    `<meta name="twitter:image" content="${ogImage}" />`,
+  ].join("\n    ");
+}
+
 /** The home page's ItemList JSON-LD (pure — unit-testable). */
 export function homeItemListLd(catalog) {
   return {
@@ -95,9 +129,14 @@ if (process.argv[1] && fileURLToPath(import.meta.url) === process.argv[1]) {
     writeFileSync(join(outDir, "index.html"), swapSeoBlock(shell, appSeoBlock(app)));
   }
 
+  // The Apps home-screen tab (#51) gets its own prerendered page + card, same as a per-app page.
+  const appsOutDir = join(ROOT, "dist", "apps");
+  mkdirSync(appsOutDir, { recursive: true });
+  writeFileSync(join(appsOutDir, "index.html"), swapSeoBlock(shell, appsPageSeoBlock()));
+
   // Home: append the ItemList JSON-LD alongside the static WebSite block.
   const itemList = `<script type="application/ld+json">${JSON.stringify(homeItemListLd(catalog))}</script>`;
   writeFileSync(join(ROOT, "dist", "index.html"), shell.replace("</head>", `    ${itemList}\n  </head>`));
 
-  console.log(`[prerender-apps] OK — ${catalog.count} app page(s) + home ItemList JSON-LD.`);
+  console.log(`[prerender-apps] OK — ${catalog.count} app page(s) + the Apps tab + home ItemList JSON-LD.`);
 }
diff --git a/src/App.test.tsx b/src/App.test.tsx
index cbbc859..7fddc3a 100644
--- a/src/App.test.tsx
+++ b/src/App.test.tsx
@@ -42,6 +42,31 @@ describe("<App>", () => {
     expect(screen.getByTestId("not-found")).toBeInTheDocument();
   });
 
+  it("renders the Apps home-screen tab at /apps with every listing as a tile", () => {
+    renderWithIntl(<App pathname="/apps" search="" />);
+    expect(screen.getByTestId("app-home-grid")).toBeInTheDocument();
+    expect(screen.getByTestId("app-tile-xchtip")).toBeInTheDocument();
+    expect(document.title).toBe("Apps — explore.dig.net");
+  });
+
+  it("shows the Store/Apps view tabs on the home view, marking Store active", () => {
+    renderWithIntl(<App pathname="/" search="" />);
+    expect(screen.getByTestId("view-tab-store")).toHaveAttribute("aria-current", "page");
+    expect(screen.getByTestId("view-tab-apps")).not.toHaveAttribute("aria-current");
+  });
+
+  it("shows the Store/Apps view tabs on the Apps view, marking Apps active", () => {
+    renderWithIntl(<App pathname="/apps" search="" />);
+    expect(screen.getByTestId("view-tab-apps")).toHaveAttribute("aria-current", "page");
+    expect(screen.getByTestId("view-tab-store")).not.toHaveAttribute("aria-current");
+  });
+
+  it("does not show the view tabs on a detail page or the not-found state", () => {
+    renderWithIntl(<App pathname="/app/xchtip" search="" />);
+    expect(screen.queryByTestId("view-tab-store")).not.toBeInTheDocument();
+    expect(screen.queryByTestId("view-tab-apps")).not.toBeInTheDocument();
+  });
+
   it("shows the build version in the footer (§6.7 human-readable form)", () => {
     renderWithIntl(<App pathname="/" search="" />);
     expect(screen.getByTestId("app-version")).toHaveTextContent(`v${APP_VERSION}`);
diff --git a/src/App.tsx b/src/App.tsx
index 3295ca0..fbe0ff7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,9 @@ import { parseRoute } from "@/lib/route";
 import { APP_VERSION } from "@/lib/version";
 import { LanguageSelector } from "@/components/LanguageSelector";
 import { ThemeToggle } from "@/components/ThemeToggle";
+import { ViewTabs } from "@/components/ViewTabs";
 import { HomePage } from "@/features/store/HomePage";
+import { AppsHomeScreen } from "@/features/apps/AppsHomeScreen";
 import { AppDetailPage, NotFound } from "@/features/detail/AppDetailPage";
 import { useT } from "@/i18n/useT";
 
@@ -41,6 +43,8 @@ export function App({ pathname, search }: AppProps) {
     if (route.kind === "app") {
       const app = catalog.apps.find((a) => a.slug === route.slug);
       if (app) document.title = `${app.name} — ${app.tagline} · explore.dig.net`;
+    } else if (route.kind === "apps") {
+      document.title = "Apps — explore.dig.net";
     }
   }, [route, catalog]);
 
@@ -79,7 +83,11 @@ export function App({ pathname, search }: AppProps) {
       </header>
 
       <main id="main" className="shell site-main">
+        {(route.kind === "home" || route.kind === "apps") && (
+          <ViewTabs active={route.kind === "apps" ? "apps" : "store"} />
+        )}
         {route.kind === "home" && <HomePage apps={catalog.apps} search={search} />}
+        {route.kind === "apps" && <AppsHomeScreen apps={catalog.apps} />}
         {route.kind === "app" && <AppDetailPage apps={catalog.apps} slug={route.slug} />}
         {route.kind === "not-found" && <NotFound />}
       </main>
diff --git a/src/components/AppTile.test.tsx b/src/components/AppTile.test.tsx
new file mode 100644
index 0000000..4854365
--- /dev/null
+++ b/src/components/AppTile.test.tsx
@@ -0,0 +1,47 @@
+// AppTile tests — one dApp rendered as a phone-home-screen icon (#51). Two sibling links (same
+// pattern as AppCard, App.tsx comment): the tile opens the dApp directly; a small "i" affordance
+// opens the detail page. Neither is nested inside the other (invalid HTML + broken a11y tree).
+
+import { describe, expect, it } from "vitest";
+import { screen } from "@testing-library/react";
+import { renderWithIntl } from "@/test/renderWithIntl";
+import { makeApp } from "@/test/fixtures";
+import { AppTile } from "./AppTile";
+
+describe("<AppTile>", () => {
+  it("renders the app's icon + name label", () => {
+    const app = makeApp({ slug: "demo-app", name: "Demo App" });
+    renderWithIntl(<AppTile app={app} />);
+    expect(screen.getByTestId("app-tile-demo-app")).toBeInTheDocument();
+    expect(screen.getByText("Demo App")).toBeInTheDocument();
+  });
+
+  it("tapping the tile opens the dApp directly, in a new tab", () => {
+    const app = makeApp({ slug: "demo-app", name: "Demo App", url: "https://demo.example.com/" });
+    renderWithIntl(<AppTile app={app} />);
+    const link = screen.getByTestId("app-tile-link-demo-app");
+    expect(link).toHaveAttribute("href", "https://demo.example.com/");
+    expect(link).toHaveAttribute("target", "_blank");
+    expect(link).toHaveAttribute("rel", "noopener noreferrer");
+    expect(link).toHaveAttribute("aria-label", "Open Demo App");
+  });
+
+  it("offers a distinguishable info affordance to the detail page (never nested inside the app link)", () => {
+    const app = makeApp({ slug: "demo-app", name: "Demo App" });
+    renderWithIntl(<AppTile app={app} />);
+    const info = screen.getByTestId("app-tile-info-demo-app");
+    expect(info.tagName).toBe("A");
+    expect(info).toHaveAttribute("href", "/app/demo-app");
+    expect(info).toHaveAttribute("aria-label", "View details for Demo App");
+    // Sibling, not a descendant, of the app-opening link.
+    const link = screen.getByTestId("app-tile-link-demo-app");
+    expect(link.contains(info)).toBe(false);
+    expect(info.contains(link)).toBe(false);
+  });
+
+  it("is announced as a list item for a coherent grid landmark", () => {
+    const app = makeApp({ slug: "demo-app" });
+    renderWithIntl(<AppTile app={app} />);
+    expect(screen.getByTestId("app-tile-demo-app")).toHaveAttribute("role", "listitem");
+  });
+});
diff --git a/src/components/AppTile.tsx b/src/components/AppTile.tsx
new file mode 100644
index 0000000..9a87d35
--- /dev/null
+++ b/src/components/AppTile.tsx
@@ -0,0 +1,43 @@
+// AppTile — one dApp rendered as a phone-home-screen icon: a rounded icon + a short name label
+// beneath it (the "Apps" tab's signature layout, #51). Reuses AppIcon as-is (its fan-out across
+// Store/Detail is high — CLAUDE.md §2.0 blast-radius — so this only re-styles it via CSS descendant
+// selectors, never edits it). Two sibling links, same pattern as AppCard: the tile itself opens the
+// dApp directly (the primary phone-home-screen action — tap an icon, the app opens); a small corner
+// "i" affordance is a SEPARATE link to the detail page for anyone who wants more before committing.
+
+import type { CatalogApp } from "@/catalog/types";
+import { AppIcon } from "@/components/AppIcon";
+import { useT } from "@/i18n/useT";
+
+export interface AppTileProps {
+  app: CatalogApp;
+}
+
+export function AppTile({ app }: AppTileProps) {
+  const t = useT();
+  return (
+    <div className="app-tile" role="listitem" data-testid={`app-tile-${app.slug}`}>
+      <a
+        className="app-tile-link"
+        href={app.url}
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label={t("openAppNamed", { name: app.name })}
+        data-testid={`app-tile-link-${app.slug}`}
+      >
+        <span className="app-tile-icon-frame">
+          <AppIcon app={app} size={72} />
+        </span>
+        <span className="app-tile-name">{app.name}</span>
+      </a>
+      <a
+        className="app-tile-info"
+        href={`/app/${app.slug}`}
+        aria-label={t("viewDetailsFor", { name: app.name })}
+        data-testid={`app-tile-info-${app.slug}`}
+      >
+        <span aria-hidden="true">i</span>
+      </a>
+    </div>
+  );
+}
diff --git a/src/components/ViewTabs.test.tsx b/src/components/ViewTabs.test.tsx
new file mode 100644
index 0000000..e3ee727
--- /dev/null
+++ b/src/components/ViewTabs.test.tsx
@@ -0,0 +1,33 @@
+// ViewTabs tests — the Store/Apps switcher (#51). Real navigations (<a>), the active view is
+// marked via aria-current="page" so both sighted and assistive-tech users can tell which view
+// they're in.
+
+import { describe, expect, it } from "vitest";
+import { screen } from "@testing-library/react";
+import { renderWithIntl } from "@/test/renderWithIntl";
+import { ViewTabs } from "./ViewTabs";
+
+describe("<ViewTabs>", () => {
+  it("renders a Store tab linking home and an Apps tab linking /apps", () => {
+    renderWithIntl(<ViewTabs active="store" />);
+    expect(screen.getByTestId("view-tab-store")).toHaveAttribute("href", "/");
+    expect(screen.getByTestId("view-tab-apps")).toHaveAttribute("href", "/apps");
+  });
+
+  it("marks the Store tab current when active=store", () => {
+    renderWithIntl(<ViewTabs active="store" />);
+    expect(screen.getByTestId("view-tab-store")).toHaveAttribute("aria-current", "page");
+    expect(screen.getByTestId("view-tab-apps")).not.toHaveAttribute("aria-current");
+  });
+
+  it("marks the Apps tab current when active=apps", () => {
+    renderWithIntl(<ViewTabs active="apps" />);
+    expect(screen.getByTestId("view-tab-apps")).toHaveAttribute("aria-current", "page");
+    expect(screen.getByTestId("view-tab-store")).not.toHaveAttribute("aria-current");
+  });
+
+  it("is a labelled navigation landmark", () => {
+    renderWithIntl(<ViewTabs active="apps" />);
+    expect(screen.getByRole("navigation", { name: "Browse view" })).toBeInTheDocument();
+  });
+});
diff --git a/src/components/ViewTabs.tsx b/src/components/ViewTabs.tsx
new file mode 100644
index 0000000..de28a0e
--- /dev/null
+++ b/src/components/ViewTabs.tsx
@@ -0,0 +1,37 @@
+// ViewTabs — switches between the two top-level browse views: the curated Store shelf and the
+// mobile-home-screen "Apps" icon grid (#51). Real page navigations (<a>), consistent with the rest
+// of the site's routing (every route is a real, prerenderable page) — no client router. The active
+// view is marked with aria-current="page" so sighted users AND assistive tech agree on where they
+// are (WCAG 2.4.8 / 4.1.2).
+
+import { useT } from "@/i18n/useT";
+
+export type ActiveView = "store" | "apps";
+
+export interface ViewTabsProps {
+  active: ActiveView;
+}
+
+export function ViewTabs({ active }: ViewTabsProps) {
+  const t = useT();
+  return (
+    <nav className="view-tabs" aria-label={t("viewTabsLabel")}>
+      <a
+        className="view-tab"
+        href="/"
+        aria-current={active === "store" ? "page" : undefined}
+        data-testid="view-tab-store"
+      >
+        {t("storeTabLabel")}
+      </a>
+      <a
+        className="view-tab"
+        href="/apps"
+        aria-current={active === "apps" ? "page" : undefined}
+        data-testid="view-tab-apps"
+      >
+        {t("appsTabLabel")}
+      </a>
+    </nav>
+  );
+}
diff --git a/src/features/apps/AppsHomeScreen.test.tsx b/src/features/apps/AppsHomeScreen.test.tsx
new file mode 100644
index 0000000..31bc418
--- /dev/null
+++ b/src/features/apps/AppsHomeScreen.test.tsx
@@ -0,0 +1,41 @@
+// AppsHomeScreen tests — the "Apps" tab (#51): every listed dApp rendered as a phone-home-screen
+// icon grid. No filter/search here — it's the simple, curated-order launcher surface (the store's
+// filter/search stays on the Store tab).
+
+import { describe, expect, it } from "vitest";
+import { screen } from "@testing-library/react";
+import { renderWithIntl } from "@/test/renderWithIntl";
+import { makeApp } from "@/test/fixtures";
+import { AppsHomeScreen } from "./AppsHomeScreen";
+
+describe("<AppsHomeScreen>", () => {
+  const apps = [
+    makeApp({ slug: "alpha", name: "Alpha" }),
+    makeApp({ slug: "beta", name: "Beta" }),
+  ];
+
+  it("renders a heading and a tile for every listed app, in catalog order", () => {
+    renderWithIntl(<AppsHomeScreen apps={apps} />);
+    expect(screen.getByRole("heading", { level: 1, name: "Apps" })).toBeInTheDocument();
+    expect(screen.getByTestId("app-tile-alpha")).toBeInTheDocument();
+    expect(screen.getByTestId("app-tile-beta")).toBeInTheDocument();
+  });
+
+  it("shows the app count", () => {
+    renderWithIntl(<AppsHomeScreen apps={apps} />);
+    expect(screen.getByTestId("apps-home-count")).toHaveTextContent("2 apps");
+  });
+
+  it("exposes the grid as a labelled list landmark", () => {
+    renderWithIntl(<AppsHomeScreen apps={apps} />);
+    const grid = screen.getByTestId("app-home-grid");
+    expect(grid).toHaveAttribute("role", "list");
+    expect(grid).toHaveAttribute("aria-label", "DIG Network apps");
+  });
+
+  it("renders no tiles for an empty catalog without erroring", () => {
+    renderWithIntl(<AppsHomeScreen apps={[]} />);
+    expect(screen.getByTestId("apps-home-count")).toHaveTextContent("0 apps");
+    expect(screen.getByTestId("app-home-grid")).toBeEmptyDOMElement();
+  });
+});
diff --git a/src/features/apps/AppsHomeScreen.tsx b/src/features/apps/AppsHomeScreen.tsx
new file mode 100644
index 0000000..a4eb662
--- /dev/null
+++ b/src/features/apps/AppsHomeScreen.tsx
@@ -0,0 +1,41 @@
+// AppsHomeScreen — the "Apps" tab (#51): every listed dApp rendered as a phone-home-screen icon —
+// tap an icon, the app opens, exactly like a phone's home screen. Reuses the SAME catalog data +
+// icons as the store grid (no duplicated metadata model); this is purely an alternate, mobile-first
+// presentation for phone users, and what the dig-chrome-extension's "Explore DIG Network" surfaces.
+// Deliberately has no search/filter — that stays on the Store tab; this is the simple launcher.
+
+import type { CatalogApp } from "@/catalog/types";
+import { useT } from "@/i18n/useT";
+import { AppTile } from "@/components/AppTile";
+
+export interface AppsHomeScreenProps {
+  apps: CatalogApp[];
+}
+
+export function AppsHomeScreen({ apps }: AppsHomeScreenProps) {
+  const t = useT();
+  return (
+    <section className="apps-home" aria-labelledby="apps-home-heading">
+      <div className="apps-home-head">
+        <h1 id="apps-home-heading" className="apps-home-heading">
+          {t("appsPageHeading")}
+        </h1>
+        <span className="apps-count" data-testid="apps-home-count" aria-live="polite">
+          {t("appsCount", { count: apps.length })}
+        </span>
+      </div>
+      <p className="apps-home-intro">{t("appsPageIntro")}</p>
+
+      <div
+        className="app-home-grid"
+        role="list"
+        aria-label={t("appsGridLabel")}
+        data-testid="app-home-grid"
+      >
+        {apps.map((app) => (
+          <AppTile key={app.slug} app={app} />
+        ))}
+      </div>
+    </section>
+  );
+}
diff --git a/src/i18n/messages/de.ts b/src/i18n/messages/de.ts
index 14d3e86..f277e6d 100644
--- a/src/i18n/messages/de.ts
+++ b/src/i18n/messages/de.ts
@@ -102,4 +102,12 @@ export const de: PartialMessages = {
   openAppNamed: "{name} öffnen",
   viewDetails: "Details ansehen",
   detailCtaHeading: "Bereit, {name} zu öffnen?",
+
+  viewTabsLabel: "Ansicht wechseln",
+  storeTabLabel: "Store",
+  appsTabLabel: "Apps",
+  appsPageHeading: "Apps",
+  appsPageIntro: "Jede dApp im DIG Network, einen Fingertipp entfernt — wie der Startbildschirm auf deinem Handy.",
+  appsGridLabel: "DIG Network Apps",
+  viewDetailsFor: "Details zu {name} ansehen",
 };
diff --git a/src/i18n/messages/en.ts b/src/i18n/messages/en.ts
index 964fb59..bf0634b 100644
--- a/src/i18n/messages/en.ts
+++ b/src/i18n/messages/en.ts
@@ -26,6 +26,17 @@ export const en = {
   allAppsHeading: "All apps",
   appsCount: "{count, plural, one {# app} other {# apps}}",
 
+  // View tabs — switches between the curated Store shelf and the Apps home-screen grid (#51).
+  viewTabsLabel: "Browse view",
+  storeTabLabel: "Store",
+  appsTabLabel: "Apps",
+
+  // The "Apps" tab: every listing rendered as a phone-home-screen icon (icon + name), tap opens it.
+  appsPageHeading: "Apps",
+  appsPageIntro: "Every DIG Network dApp, one tap away — just like the home screen on your phone.",
+  appsGridLabel: "DIG Network apps",
+  viewDetailsFor: "View details for {name}",
+
   // Featured carousel (ARIA + controls). "carousel" / "slide" are aria-roledescriptions.
   carouselLabel: "Featured apps",
   carouselRoleDescription: "carousel",
diff --git a/src/i18n/messages/es.ts b/src/i18n/messages/es.ts
index f5489e2..b12f10f 100644
--- a/src/i18n/messages/es.ts
+++ b/src/i18n/messages/es.ts
@@ -102,4 +102,12 @@ export const es: PartialMessages = {
   openAppNamed: "Abrir {name}",
   viewDetails: "Ver detalles",
   detailCtaHeading: "¿Listo para abrir {name}?",
+
+  viewTabsLabel: "Cambiar vista",
+  storeTabLabel: "Tienda",
+  appsTabLabel: "Apps",
+  appsPageHeading: "Apps",
+  appsPageIntro: "Cada dApp de DIG Network, a un toque — como la pantalla de inicio de tu móvil.",
+  appsGridLabel: "Apps de DIG Network",
+  viewDetailsFor: "Ver detalles de {name}",
 };
diff --git a/src/i18n/messages/fr.ts b/src/i18n/messages/fr.ts
index 32340c5..993ead8 100644
--- a/src/i18n/messages/fr.ts
+++ b/src/i18n/messages/fr.ts
@@ -102,4 +102,12 @@ export const fr: PartialMessages = {
   openAppNamed: "Ouvrir {name}",
   viewDetails: "Voir les détails",
   detailCtaHeading: "Prêt à ouvrir {name} ?",
+
+  viewTabsLabel: "Changer de vue",
+  storeTabLabel: "Boutique",
+  appsTabLabel: "Apps",
+  appsPageHeading: "Apps",
+  appsPageIntro: "Chaque dApp du DIG Network, à portée d'un tap — comme l'écran d'accueil de votre téléphone.",
+  appsGridLabel: "Apps du DIG Network",
+  viewDetailsFor: "Voir les détails de {name}",
 };
diff --git a/src/i18n/messages/hi.ts b/src/i18n/messages/hi.ts
index 39efca8..2225786 100644
--- a/src/i18n/messages/hi.ts
+++ b/src/i18n/messages/hi.ts
@@ -102,4 +102,12 @@ export const hi: PartialMessages = {
   openAppNamed: "{name} खोलें",
   viewDetails: "विवरण देखें",
   detailCtaHeading: "{name} खोलने के लिए तैयार हैं?",
+
+  viewTabsLabel: "व्यू बदलें",
+  storeTabLabel: "स्टोर",
+  appsTabLabel: "ऐप्स",
+  appsPageHeading: "ऐप्स",
+  appsPageIntro: "DIG Network का हर dApp, बस एक टैप दूर — आपके फ़ोन की होम स्क्रीन की तरह।",
+  appsGridLabel: "DIG Network ऐप्स",
+  viewDetailsFor: "{name} का विवरण देखें",
 };
diff --git a/src/i18n/messages/id.ts b/src/i18n/messages/id.ts
index 519ddcf..5f6dbd8 100644
--- a/src/i18n/messages/id.ts
+++ b/src/i18n/messages/id.ts
@@ -102,4 +102,12 @@ export const id: PartialMessages = {
   openAppNamed: "Buka {name}",
   viewDetails: "Lihat detail",
   detailCtaHeading: "Siap membuka {name}?",
+
+  viewTabsLabel: "Ganti tampilan",
+  storeTabLabel: "Toko",
+  appsTabLabel: "Aplikasi",
+  appsPageHeading: "Aplikasi",
+  appsPageIntro: "Setiap dApp DIG Network, hanya satu ketukan — seperti layar utama di ponsel Anda.",
+  appsGridLabel: "Aplikasi DIG Network",
+  viewDetailsFor: "Lihat detail {name}",
 };
diff --git a/src/i18n/messages/ja.ts b/src/i18n/messages/ja.ts
index a744653..c3c67fb 100644
--- a/src/i18n/messages/ja.ts
+++ b/src/i18n/messages/ja.ts
@@ -99,4 +99,12 @@ export const ja: PartialMessages = {
   openAppNamed: "{name} を開く",
   viewDetails: "詳細を見る",
   detailCtaHeading: "{name} を開いてみませんか？",
+
+  viewTabsLabel: "表示を切り替え",
+  storeTabLabel: "ストア",
+  appsTabLabel: "アプリ",
+  appsPageHeading: "アプリ",
+  appsPageIntro: "DIG Network のすべての dApp に、ワンタップで — スマホのホーム画面のように。",
+  appsGridLabel: "DIG Network のアプリ",
+  viewDetailsFor: "{name} の詳細を見る",
 };
diff --git a/src/i18n/messages/ko.ts b/src/i18n/messages/ko.ts
index 80e8226..e756846 100644
--- a/src/i18n/messages/ko.ts
+++ b/src/i18n/messages/ko.ts
@@ -99,4 +99,12 @@ export const ko: PartialMessages = {
   openAppNamed: "{name} 열기",
   viewDetails: "자세히 보기",
   detailCtaHeading: "{name}을(를) 열어볼까요?",
+
+  viewTabsLabel: "보기 전환",
+  storeTabLabel: "스토어",
+  appsTabLabel: "앱",
+  appsPageHeading: "앱",
+  appsPageIntro: "DIG Network의 모든 dApp을 탭 한 번으로 — 스마트폰 홈 화면처럼.",
+  appsGridLabel: "DIG Network 앱",
+  viewDetailsFor: "{name} 상세 정보 보기",
 };
diff --git a/src/i18n/messages/pt-BR.ts b/src/i18n/messages/pt-BR.ts
index a376aa9..ce47762 100644
--- a/src/i18n/messages/pt-BR.ts
+++ b/src/i18n/messages/pt-BR.ts
@@ -102,4 +102,12 @@ export const ptBR: PartialMessages = {
   openAppNamed: "Abrir {name}",
   viewDetails: "Ver detalhes",
   detailCtaHeading: "Pronto para abrir o {name}?",
+
+  viewTabsLabel: "Alternar visualização",
+  storeTabLabel: "Loja",
+  appsTabLabel: "Apps",
+  appsPageHeading: "Apps",
+  appsPageIntro: "Cada dApp da DIG Network, a um toque de distância — como a tela inicial do seu celular.",
+  appsGridLabel: "Apps da DIG Network",
+  viewDetailsFor: "Ver detalhes de {name}",
 };
diff --git a/src/i18n/messages/ru.ts b/src/i18n/messages/ru.ts
index 92127c4..a145166 100644
--- a/src/i18n/messages/ru.ts
+++ b/src/i18n/messages/ru.ts
@@ -102,4 +102,12 @@ export const ru: PartialMessages = {
   openAppNamed: "Открыть {name}",
   viewDetails: "Подробнее",
   detailCtaHeading: "Готовы открыть {name}?",
+
+  viewTabsLabel: "Переключить вид",
+  storeTabLabel: "Магазин",
+  appsTabLabel: "Приложения",
+  appsPageHeading: "Приложения",
+  appsPageIntro: "Каждое приложение DIG Network — в одно касание, как на главном экране телефона.",
+  appsGridLabel: "Приложения DIG Network",
+  viewDetailsFor: "Подробнее о {name}",
 };
diff --git a/src/i18n/messages/tr.ts b/src/i18n/messages/tr.ts
index 60c4ca0..4609b99 100644
--- a/src/i18n/messages/tr.ts
+++ b/src/i18n/messages/tr.ts
@@ -102,4 +102,12 @@ export const tr: PartialMessages = {
   openAppNamed: "{name} uygulamasını aç",
   viewDetails: "Ayrıntıları gör",
   detailCtaHeading: "{name} uygulamasını açmaya hazır mısınız?",
+
+  viewTabsLabel: "Görünümü değiştir",
+  storeTabLabel: "Mağaza",
+  appsTabLabel: "Uygulamalar",
+  appsPageHeading: "Uygulamalar",
+  appsPageIntro: "DIG Network'teki her dApp, bir dokunuş uzağınızda — telefonunuzun ana ekranı gibi.",
+  appsGridLabel: "DIG Network uygulamaları",
+  viewDetailsFor: "{name} ayrıntılarını gör",
 };
diff --git a/src/i18n/messages/vi.ts b/src/i18n/messages/vi.ts
index 85eb66d..5bdd0b4 100644
--- a/src/i18n/messages/vi.ts
+++ b/src/i18n/messages/vi.ts
@@ -102,4 +102,12 @@ export const vi: PartialMessages = {
   openAppNamed: "Mở {name}",
   viewDetails: "Xem chi tiết",
   detailCtaHeading: "Sẵn sàng mở {name} chưa?",
+
+  viewTabsLabel: "Chuyển chế độ xem",
+  storeTabLabel: "Cửa hàng",
+  appsTabLabel: "Ứng dụng",
+  appsPageHeading: "Ứng dụng",
+  appsPageIntro: "Mọi dApp trên DIG Network, chỉ cách một chạm — như màn hình chính trên điện thoại của bạn.",
+  appsGridLabel: "Ứng dụng DIG Network",
+  viewDetailsFor: "Xem chi tiết {name}",
 };
diff --git a/src/i18n/messages/zh-CN.ts b/src/i18n/messages/zh-CN.ts
index f361bed..6c1d815 100644
--- a/src/i18n/messages/zh-CN.ts
+++ b/src/i18n/messages/zh-CN.ts
@@ -100,4 +100,12 @@ export const zhCN: PartialMessages = {
   openAppNamed: "打开 {name}",
   viewDetails: "查看详情",
   detailCtaHeading: "准备好打开 {name} 了吗？",
+
+  viewTabsLabel: "切换视图",
+  storeTabLabel: "商店",
+  appsTabLabel: "应用",
+  appsPageHeading: "应用",
+  appsPageIntro: "DIG Network 的每个 dApp，一触即达 — 就像手机主屏幕一样。",
+  appsGridLabel: "DIG Network 应用",
+  viewDetailsFor: "查看 {name} 的详情",
 };
diff --git a/src/i18n/messages/zh-TW.ts b/src/i18n/messages/zh-TW.ts
index 552f47f..1216f71 100644
--- a/src/i18n/messages/zh-TW.ts
+++ b/src/i18n/messages/zh-TW.ts
@@ -99,4 +99,12 @@ export const zhTW: PartialMessages = {
   openAppNamed: "開啟 {name}",
   viewDetails: "查看詳情",
   detailCtaHeading: "準備好開啟 {name} 了嗎？",
+
+  viewTabsLabel: "切換檢視",
+  storeTabLabel: "商店",
+  appsTabLabel: "應用",
+  appsPageHeading: "應用",
+  appsPageIntro: "DIG Network 的每個 dApp，一觸即達 — 就像手機主畫面一樣。",
+  appsGridLabel: "DIG Network 應用",
+  viewDetailsFor: "查看 {name} 的詳情",
 };
diff --git a/src/lib/route.test.ts b/src/lib/route.test.ts
index 744bba2..cc352ab 100644
--- a/src/lib/route.test.ts
+++ b/src/lib/route.test.ts
@@ -8,6 +8,12 @@ describe("parseRoute", () => {
     expect(parseRoute("/index.html")).toEqual({ kind: "home" });
   });
 
+  it("classifies the Apps home-screen tab, with and without the trailing slash / index.html", () => {
+    expect(parseRoute("/apps")).toEqual({ kind: "apps" });
+    expect(parseRoute("/apps/")).toEqual({ kind: "apps" });
+    expect(parseRoute("/apps/index.html")).toEqual({ kind: "apps" });
+  });
+
   it("classifies app detail pages, with and without the trailing slash / index.html", () => {
     expect(parseRoute("/app/xchtip")).toEqual({ kind: "app", slug: "xchtip" });
     expect(parseRoute("/app/xchtip/")).toEqual({ kind: "app", slug: "xchtip" });
@@ -23,6 +29,7 @@ describe("parseRoute", () => {
 
   it("classifies anything else as not-found", () => {
     expect(parseRoute("/nope")).toEqual({ kind: "not-found" });
+    expect(parseRoute("/appsxyz")).toEqual({ kind: "not-found" });
     expect(parseRoute("/apps/xchtip")).toEqual({ kind: "not-found" });
   });
 });
diff --git a/src/lib/route.ts b/src/lib/route.ts
index b279f97..092db4e 100644
--- a/src/lib/route.ts
+++ b/src/lib/route.ts
@@ -2,13 +2,19 @@
 // navigations — every page is prerendered for crawlers), so routing is just: which page does this
 // pathname address?
 
-export type Route = { kind: "home" } | { kind: "app"; slug: string } | { kind: "not-found" };
+export type Route =
+  | { kind: "home" }
+  | { kind: "apps" }
+  | { kind: "app"; slug: string }
+  | { kind: "not-found" };
 
 const APP_PATH = /^\/app\/([a-z0-9][a-z0-9-]*)(?:\/(?:index\.html)?)?$/;
+const APPS_PATH = /^\/apps(?:\/(?:index\.html)?)?$/;
 
-/** Classify a pathname: home, an app detail page, or not-found. */
+/** Classify a pathname: home, the Apps home-screen grid, an app detail page, or not-found. */
 export function parseRoute(pathname: string): Route {
   if (pathname === "/" || pathname === "" || pathname === "/index.html") return { kind: "home" };
+  if (APPS_PATH.test(pathname)) return { kind: "apps" };
   const m = APP_PATH.exec(pathname);
   if (m) return { kind: "app", slug: m[1] };
   return { kind: "not-found" };
diff --git a/src/styles.css b/src/styles.css
index 53dcc8a..9d4bb62 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -758,6 +758,166 @@ a {
   background: var(--status-draft-bg);
 }
 
+/* ---------- view tabs (Store / Apps, #51) ---------- */
+
+.view-tabs {
+  display: flex;
+  gap: 8px;
+  margin: 28px 0 0;
+}
+
+.view-tab {
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--font-mono);
+  font-size: 13.5px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--fg2);
+  background: var(--bg-well);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--r-pill);
+  padding: 9px 20px;
+  text-decoration: none;
+  transition:
+    color 0.15s var(--ease-lift),
+    border-color 0.15s var(--ease-lift),
+    background 0.15s var(--ease-lift);
+}
+
+.view-tab:hover {
+  color: var(--fg1);
+  border-color: var(--border-soft);
+}
+
+.view-tab[aria-current="page"] {
+  background: var(--grad-brand);
+  border-color: transparent;
+  color: #ffffff;
+}
+
+/* ---------- Apps tab: phone-home-screen icon grid (#51) ---------- */
+
+.apps-home {
+  padding-block: 28px 0;
+}
+
+.apps-home-head {
+  display: flex;
+  align-items: baseline;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+
+.apps-home-heading {
+  font-size: clamp(28px, 4vw, 38px);
+  letter-spacing: -0.02em;
+  margin: 0;
+}
+
+.apps-home-intro {
+  color: var(--fg2);
+  font-size: 16.5px;
+  max-width: 620px;
+  margin: 10px 0 0;
+}
+
+.app-home-grid {
+  /* auto-fit + fixed-size tracks: EMPTY trailing tracks collapse to 0 width (unlike auto-fill,
+     which keeps them and stretches 1fr columns into the gap), so a handful of icons cluster
+     tightly instead of spreading across the full shell width with a dead gap on the right. */
+  display: grid;
+  grid-template-columns: repeat(auto-fit, 88px);
+  justify-content: center;
+  justify-items: center;
+  gap: 28px 16px;
+  margin: 36px 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.app-tile {
+  position: relative;
+  width: 100%;
+  max-width: 96px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.app-tile-link {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 4px;
+  border-radius: var(--r-lg);
+  color: inherit;
+  text-decoration: none;
+  transition: transform 0.18s var(--ease-lift);
+}
+
+.app-tile-link:hover,
+.app-tile-link:focus-visible {
+  transform: translateY(-3px);
+}
+
+.app-tile-icon-frame {
+  display: inline-flex;
+}
+
+/* Rounder than the store card's medallion — reads as a phone home-screen icon (a squircle-ish
+   rounding proportional to the icon's own size, so it holds up at any tile size). */
+.app-tile-icon-frame .app-icon,
+.app-tile-icon-frame .app-icon-fallback {
+  border-radius: 22%;
+  box-shadow: 0 14px 30px -16px rgba(0, 0, 0, 0.65);
+}
+
+.app-tile-name {
+  font-size: 13px;
+  line-height: 1.25;
+  text-align: center;
+  color: var(--fg1);
+  max-width: 100%;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.app-tile-info {
+  /* WCAG 2.5.8 Target Size (Minimum), AA: 24x24 CSS px min — sized a touch above the floor. */
+  position: absolute;
+  top: -10px;
+  right: -6px;
+  width: 26px;
+  height: 26px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--bg-well);
+  border: 1px solid var(--border-subtle);
+  color: var(--fg3);
+  font-family: var(--font-mono);
+  font-size: 13px;
+  font-weight: 700;
+  font-style: italic;
+  text-decoration: none;
+  transition:
+    color 0.15s var(--ease-lift),
+    border-color 0.15s var(--ease-lift);
+}
+
+.app-tile-info:hover,
+.app-tile-info:focus-visible {
+  color: var(--fg1);
+  border-color: var(--border-soft);
+}
+
 /* ---------- app grid + cards ---------- */
 
 .app-grid {
@@ -1272,6 +1432,24 @@ a {
   .carousel-controls {
     justify-content: space-between;
   }
+
+  .view-tabs {
+    margin-top: 20px;
+  }
+
+  .apps-home {
+    padding-top: 20px;
+  }
+
+  .app-home-grid {
+    grid-template-columns: repeat(auto-fit, 72px);
+    gap: 24px 16px;
+    margin-top: 28px;
+  }
+
+  .app-tile {
+    max-width: 80px;
+  }
 }
 
 /* ---------- reduced motion ---------- */
diff --git a/src/test/build-scripts.d.ts b/src/test/build-scripts.d.ts
index 08595e1..c0d2eaa 100644
--- a/src/test/build-scripts.d.ts
+++ b/src/test/build-scripts.d.ts
@@ -45,6 +45,7 @@ declare module "*build-catalog.mjs" {
 
 declare module "*prerender-apps.mjs" {
   export function appSeoBlock(app: Record<string, unknown>): string;
+  export function appsPageSeoBlock(): string;
   export function homeItemListLd(catalog: { count: number; apps: Array<{ detailUrl: string; name: string }> }): {
     "@type": string;
     numberOfItems: number;
@@ -56,6 +57,7 @@ declare module "*prerender-apps.mjs" {
 declare module "*check-dist.mjs" {
   export const REQUIRED_DIST_FILES: readonly string[];
   export function auditHomeHead(html: string): string[];
+  export function auditAppsPageHead(html: string): string[];
   export function auditAppHead(
     html: string,
     app: { slug: string; name?: string; assets: { og: string }; detailUrl: string },
diff --git a/src/test/build-scripts.test.ts b/src/test/build-scripts.test.ts
index 945f2e6..cf1a143 100644
--- a/src/test/build-scripts.test.ts
+++ b/src/test/build-scripts.test.ts
@@ -9,8 +9,18 @@ import { join } from "node:path";
 import { afterAll, describe, expect, it } from "vitest";
 import { readPngSize, validateApps, ASSET_RULES, SCREENSHOT_RULES } from "../../scripts/validate-apps.mjs";
 import { buildCatalog, renderLlmsTxt, renderSitemap } from "../../scripts/build-catalog.mjs";
-import { appSeoBlock, homeItemListLd, swapSeoBlock } from "../../scripts/prerender-apps.mjs";
-import { auditAppHead, auditHomeHead, REQUIRED_DIST_FILES } from "../../scripts/check-dist.mjs";
+import {
+  appSeoBlock,
+  appsPageSeoBlock,
+  homeItemListLd,
+  swapSeoBlock,
+} from "../../scripts/prerender-apps.mjs";
+import {
+  auditAppHead,
+  auditAppsPageHead,
+  auditHomeHead,
+  REQUIRED_DIST_FILES,
+} from "../../scripts/check-dist.mjs";
 import { resolveAppVersion } from "../../scripts/resolve-app-version.mjs";
 
 // ---------------------------------------------------------------- readPngSize
@@ -196,17 +206,19 @@ describe("renderSitemap / renderLlmsTxt", () => {
     storeVersion: "0.1.0",
   });
 
-  it("sitemap lists home + every detail page with the build date", () => {
+  it("sitemap lists home + the Apps tab + every detail page with the build date", () => {
     const xml = renderSitemap(catalog);
     expect(xml).toContain("<loc>https://explore.dig.net/</loc>");
+    expect(xml).toContain("<loc>https://explore.dig.net/apps</loc>");
     expect(xml).toContain("<loc>https://explore.dig.net/app/demo</loc>");
     expect(xml).toContain("<lastmod>2026-07-03</lastmod>");
   });
 
-  it("llms.txt maps the store for agents: catalog.json, SPEC, every app", () => {
+  it("llms.txt maps the store for agents: catalog.json, SPEC, the Apps tab, every app", () => {
     const txt = renderLlmsTxt(catalog);
     expect(txt).toContain("https://explore.dig.net/catalog.json");
     expect(txt).toContain("SPEC.md");
+    expect(txt).toContain("[Apps](https://explore.dig.net/apps)");
     expect(txt).toContain("[demo](https://explore.dig.net/app/demo)");
     expect(txt).toContain("Open the dApp: https://demo.example/");
   });
@@ -235,6 +247,15 @@ describe("appSeoBlock / homeItemListLd / swapSeoBlock", () => {
     expect(block).toContain('property="og:image:alt"');
   });
 
+  it("appsPageSeoBlock emits its own title, canonical /apps, and OG/Twitter cards (#51)", () => {
+    const block = appsPageSeoBlock();
+    expect(block).toContain("<title>Apps — explore.dig.net</title>");
+    expect(block).toContain('<link rel="canonical" href="https://explore.dig.net/apps" />');
+    expect(block).toContain('property="og:url" content="https://explore.dig.net/apps"');
+    expect(block).toContain('property="og:image" content="https://explore.dig.net/og.png"');
+    expect(block).toContain('name="twitter:card" content="summary_large_image"');
+  });
+
   it("home ItemList JSON-LD enumerates the catalog in order", () => {
     const ld = homeItemListLd({ count: 2, apps: [
       { detailUrl: "https://explore.dig.net/app/a", name: "A" },
@@ -322,6 +343,22 @@ describe("auditHomeHead / auditAppHead (the social-card build gate)", () => {
     expect(missing.some((m) => m.includes("canonical"))).toBe(true);
   });
 
+  it("passes a complete Apps-tab head with its own canonical + card (#51)", () => {
+    const html = [
+      "<title>Apps — explore.dig.net</title>",
+      '<meta name="description" content="Every DIG Network dApp, one tap away." />',
+      '<link rel="canonical" href="https://explore.dig.net/apps" />',
+      '<meta property="og:url" content="https://explore.dig.net/apps" />',
+      '<meta name="twitter:card" content="summary_large_image" />',
+    ].join("\n");
+    expect(auditAppsPageHead(html)).toEqual([]);
+  });
+
+  it("flags an Apps-tab page missing its own canonical", () => {
+    const missing = auditAppsPageHead("<title>Apps — explore.dig.net</title>");
+    expect(missing.some((m) => m.includes("canonical"))).toBe(true);
+  });
+
   it("the dist gate requires the full icon set + agent files", () => {
     for (const f of ["og.png", "apple-touch-icon.png", "icon-192.png", "icon-512.png", "llms.txt", "sitemap.xml", "site.webmanifest"]) {
       expect(REQUIRED_DIST_FILES).toContain(f);
diff --git a/terraform/cloudfront-function.js b/terraform/cloudfront-function.js
index 2b14215..d859021 100644
--- a/terraform/cloudfront-function.js
+++ b/terraform/cloudfront-function.js
@@ -1,10 +1,11 @@
 // CloudFront viewer-request function for explore.dig.net.
 //
-// The build prerenders every app detail page to dist/app/<slug>/index.html so crawlers and link
-// unfurlers get per-app head tags from the INITIAL response. S3 origins don't resolve directory
-// indexes, so this function maps:
+// The build prerenders every app detail page to dist/app/<slug>/index.html, plus the Apps
+// home-screen tab to dist/apps/index.html (#51), so crawlers and link unfurlers get per-page head
+// tags from the INITIAL response. S3 origins don't resolve directory indexes, so this function maps:
 //   /app/<slug>            -> /app/<slug>/index.html   (the canonical, extensionless form)
-//   any path ending in "/" -> ...index.html            (directory index, incl. /app/<slug>/)
+//   /apps                  -> /apps/index.html          (the Apps tab, #51)
+//   any path ending in "/" -> ...index.html            (directory index, incl. /app/<slug>/, /apps/)
 // Everything else passes through; a true miss falls back to /index.html via the distribution's
 // custom error responses (SPA routing).
 //
@@ -16,6 +17,8 @@ function handler(event) {
 
   if (uri.endsWith("/")) {
     request.uri = uri + "index.html";
+  } else if (uri === "/apps") {
+    request.uri = uri + "/index.html";
   } else if (/^\/app\/[a-z0-9-]+$/.test(uri)) {
     request.uri = uri + "/index.html";
   }
diff --git a/tests/a11y/apps.spec.ts b/tests/a11y/apps.spec.ts
new file mode 100644
index 0000000..c10e1ec
--- /dev/null
+++ b/tests/a11y/apps.spec.ts
@@ -0,0 +1,63 @@
+// Accessibility (WCAG 2.2 AA via axe) + interaction smoke over the "Apps" home-screen tab (#51) —
+// the phone-home-screen icon grid presentation of the same catalog the store home renders. Desktop
+// and mobile projects (see playwright.config.ts).
+
+import AxeBuilder from "@axe-core/playwright";
+import { expect, test, type Page } from "@playwright/test";
+
+async function expectAxeClean(page: Page) {
+  const results = await new AxeBuilder({ page })
+    .withTags(["wcag2a", "wcag2aa", "wcag21a", "wcag21aa", "wcag22aa"])
+    .analyze();
+  expect(results.violations, JSON.stringify(results.violations, null, 2)).toEqual([]);
+}
+
+test.describe("Apps home-screen tab", () => {
+  test("renders every listed dApp as a tile and is axe-clean", async ({ page }) => {
+    await page.goto("/apps");
+    await expect(page.getByRole("heading", { level: 1, name: "Apps" })).toBeVisible();
+    await expect(page.getByTestId("app-tile-xchtip")).toBeVisible();
+    await expect(page.getByTestId("app-tile-cxch")).toBeVisible();
+    await expect(page.getByTestId("app-tile-xchannuity")).toBeVisible();
+    await expectAxeClean(page);
+  });
+
+  test("tapping a tile opens the dApp directly, in a new tab", async ({ page }) => {
+    await page.goto("/apps");
+    const link = page.getByTestId("app-tile-link-xchtip");
+    await expect(link).toHaveAttribute("href", "https://xchtip.app/");
+    await expect(link).toHaveAttribute("target", "_blank");
+  });
+
+  test("the info affordance opens the listing's detail page", async ({ page }) => {
+    await page.goto("/apps");
+    await expect(page.getByTestId("app-tile-info-xchtip")).toHaveAttribute("href", "/app/xchtip");
+  });
+
+  test("the Store/Apps view tabs switch views and mark the current one", async ({ page }) => {
+    await page.goto("/");
+    await expect(page.getByTestId("view-tab-store")).toHaveAttribute("aria-current", "page");
+    await page.getByTestId("view-tab-apps").click();
+    await expect(page).toHaveURL(/\/apps$/);
+    await expect(page.getByTestId("view-tab-apps")).toHaveAttribute("aria-current", "page");
+    await expect(page.getByTestId("app-home-grid")).toBeVisible();
+  });
+
+  test("is keyboard operable: a tile link and its info affordance are both reachable by Tab", async ({
+    page,
+  }) => {
+    await page.goto("/apps");
+    await page.getByTestId("app-tile-link-xchtip").focus();
+    await expect(page.getByTestId("app-tile-link-xchtip")).toBeFocused();
+    await page.keyboard.press("Tab");
+    await expect(page.getByTestId("app-tile-info-xchtip")).toBeFocused();
+  });
+
+  test("holds WCAG contrast in the light theme too", async ({ page }) => {
+    await page.goto("/apps");
+    await page.evaluate(() => localStorage.setItem("explore.theme", "light"));
+    await page.reload();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "light");
+    await expectAxeClean(page);
+  });
+});