From d453b38fd398e1f50bcd94c201f100e275c245a5 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 1 Dec 2025 05:53:07 +0000
Subject: [PATCH 1/9] feat(web): add OSS Friends page with content-collections

- Add new OSS Friends page at /oss-friends route
- Use content-collections for managing OSS friends data
- Implement 3xn grid layout with og-image/logo, title, and description
- Add 12 initial OSS friends: OpenStatus, Cal.com, Documenso, Formbricks, Infisical, Dub, Papermark, Trigger.dev, Unkey, Hanko, Inbox Zero, Eraser
- Include 'Want to be listed?' section with GitHub issue link

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
---
 apps/web/content-collections.ts             |  22 +++
 apps/web/content/oss-friends/cal.mdx        |   6 +
 apps/web/content/oss-friends/documenso.mdx  |   6 +
 apps/web/content/oss-friends/dub.mdx        |   6 +
 apps/web/content/oss-friends/eraser.mdx     |   6 +
 apps/web/content/oss-friends/formbricks.mdx |   6 +
 apps/web/content/oss-friends/hanko.mdx      |   6 +
 apps/web/content/oss-friends/inbox-zero.mdx |   6 +
 apps/web/content/oss-friends/infisical.mdx  |   6 +
 apps/web/content/oss-friends/openstatus.mdx |   6 +
 apps/web/content/oss-friends/papermark.mdx  |   6 +
 apps/web/content/oss-friends/trigger.mdx    |   6 +
 apps/web/content/oss-friends/unkey.mdx      |   6 +
 apps/web/src/routes/_view/oss-friends.tsx   | 157 ++++++++++++++++++++
 14 files changed, 251 insertions(+)
 create mode 100644 apps/web/content/oss-friends/cal.mdx
 create mode 100644 apps/web/content/oss-friends/documenso.mdx
 create mode 100644 apps/web/content/oss-friends/dub.mdx
 create mode 100644 apps/web/content/oss-friends/eraser.mdx
 create mode 100644 apps/web/content/oss-friends/formbricks.mdx
 create mode 100644 apps/web/content/oss-friends/hanko.mdx
 create mode 100644 apps/web/content/oss-friends/inbox-zero.mdx
 create mode 100644 apps/web/content/oss-friends/infisical.mdx
 create mode 100644 apps/web/content/oss-friends/openstatus.mdx
 create mode 100644 apps/web/content/oss-friends/papermark.mdx
 create mode 100644 apps/web/content/oss-friends/trigger.mdx
 create mode 100644 apps/web/content/oss-friends/unkey.mdx
 create mode 100644 apps/web/src/routes/_view/oss-friends.tsx

diff --git a/apps/web/content-collections.ts b/apps/web/content-collections.ts
index fad8dcb0c..e9eee172f 100644
--- a/apps/web/content-collections.ts
+++ b/apps/web/content-collections.ts
@@ -492,6 +492,27 @@ const roadmap = defineCollection({
   },
 });
 
+const ossFriends = defineCollection({
+  name: "ossFriends",
+  directory: "content/oss-friends",
+  include: "*.mdx",
+  exclude: "AGENTS.md",
+  schema: z.object({
+    name: z.string(),
+    description: z.string(),
+    href: z.string(),
+    image: z.string().optional(),
+  }),
+  transform: async (document) => {
+    const slug = document._meta.path.replace(/\.mdx$/, "");
+
+    return {
+      ...document,
+      slug,
+    };
+  },
+});
+
 const handbook = defineCollection({
   name: "handbook",
   directory: "content/handbook",
@@ -566,5 +587,6 @@ export default defineConfig({
     vs,
     handbook,
     roadmap,
+    ossFriends,
   ],
 });
diff --git a/apps/web/content/oss-friends/cal.mdx b/apps/web/content/oss-friends/cal.mdx
new file mode 100644
index 000000000..34b96333a
--- /dev/null
+++ b/apps/web/content/oss-friends/cal.mdx
@@ -0,0 +1,6 @@
+---
+name: Cal.com
+description: Open source scheduling infrastructure. The open source Calendly alternative.
+href: https://cal.com
+image: https://cal.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/documenso.mdx b/apps/web/content/oss-friends/documenso.mdx
new file mode 100644
index 000000000..b45a48876
--- /dev/null
+++ b/apps/web/content/oss-friends/documenso.mdx
@@ -0,0 +1,6 @@
+---
+name: Documenso
+description: The open source DocuSign alternative. Self-host or use the cloud version.
+href: https://documenso.com
+image: https://documenso.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/dub.mdx b/apps/web/content/oss-friends/dub.mdx
new file mode 100644
index 000000000..88cdf1633
--- /dev/null
+++ b/apps/web/content/oss-friends/dub.mdx
@@ -0,0 +1,6 @@
+---
+name: Dub
+description: Open source link management. Create, share, and track short links with analytics.
+href: https://dub.co
+image: https://dub.co/api/og
+---
diff --git a/apps/web/content/oss-friends/eraser.mdx b/apps/web/content/oss-friends/eraser.mdx
new file mode 100644
index 000000000..ac1267b52
--- /dev/null
+++ b/apps/web/content/oss-friends/eraser.mdx
@@ -0,0 +1,6 @@
+---
+name: Eraser
+description: The whiteboard for engineering teams. Create diagrams and documentation together.
+href: https://eraser.io
+image: https://eraser.io/og-image.png
+---
diff --git a/apps/web/content/oss-friends/formbricks.mdx b/apps/web/content/oss-friends/formbricks.mdx
new file mode 100644
index 000000000..dd604f366
--- /dev/null
+++ b/apps/web/content/oss-friends/formbricks.mdx
@@ -0,0 +1,6 @@
+---
+name: Formbricks
+description: Open source survey platform. Build in-product micro-surveys that connect to your tech stack.
+href: https://formbricks.com
+image: https://formbricks.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/hanko.mdx b/apps/web/content/oss-friends/hanko.mdx
new file mode 100644
index 000000000..a34bbc762
--- /dev/null
+++ b/apps/web/content/oss-friends/hanko.mdx
@@ -0,0 +1,6 @@
+---
+name: Hanko
+description: Open source authentication. Passwordless auth with passkeys and WebAuthn.
+href: https://hanko.io
+image: https://www.hanko.io/og-image.png
+---
diff --git a/apps/web/content/oss-friends/inbox-zero.mdx b/apps/web/content/oss-friends/inbox-zero.mdx
new file mode 100644
index 000000000..daa6f808b
--- /dev/null
+++ b/apps/web/content/oss-friends/inbox-zero.mdx
@@ -0,0 +1,6 @@
+---
+name: Inbox Zero
+description: Open source email management. Clean up your inbox and reach inbox zero fast.
+href: https://getinboxzero.com
+image: https://www.getinboxzero.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/infisical.mdx b/apps/web/content/oss-friends/infisical.mdx
new file mode 100644
index 000000000..45051d588
--- /dev/null
+++ b/apps/web/content/oss-friends/infisical.mdx
@@ -0,0 +1,6 @@
+---
+name: Infisical
+description: Open source secret management. Sync secrets across your team and infrastructure.
+href: https://infisical.com
+image: https://infisical.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/openstatus.mdx b/apps/web/content/oss-friends/openstatus.mdx
new file mode 100644
index 000000000..373bc3fc1
--- /dev/null
+++ b/apps/web/content/oss-friends/openstatus.mdx
@@ -0,0 +1,6 @@
+---
+name: OpenStatus
+description: Open source monitoring platform. Monitor your APIs, websites, and cron jobs with ease.
+href: https://www.openstatus.dev
+image: https://www.openstatus.dev/api/og
+---
diff --git a/apps/web/content/oss-friends/papermark.mdx b/apps/web/content/oss-friends/papermark.mdx
new file mode 100644
index 000000000..a9995d3e8
--- /dev/null
+++ b/apps/web/content/oss-friends/papermark.mdx
@@ -0,0 +1,6 @@
+---
+name: Papermark
+description: Open source DocSend alternative. Share documents with real-time analytics.
+href: https://papermark.io
+image: https://www.papermark.io/og-image.png
+---
diff --git a/apps/web/content/oss-friends/trigger.mdx b/apps/web/content/oss-friends/trigger.mdx
new file mode 100644
index 000000000..6bffc0d13
--- /dev/null
+++ b/apps/web/content/oss-friends/trigger.mdx
@@ -0,0 +1,6 @@
+---
+name: Trigger.dev
+description: Open source background jobs. Create long-running jobs directly in your codebase.
+href: https://trigger.dev
+image: https://trigger.dev/og-image.png
+---
diff --git a/apps/web/content/oss-friends/unkey.mdx b/apps/web/content/oss-friends/unkey.mdx
new file mode 100644
index 000000000..e8d76dec6
--- /dev/null
+++ b/apps/web/content/oss-friends/unkey.mdx
@@ -0,0 +1,6 @@
+---
+name: Unkey
+description: Open source API key management. Build better APIs with authentication and rate limiting.
+href: https://unkey.dev
+image: https://unkey.dev/og.png
+---
diff --git a/apps/web/src/routes/_view/oss-friends.tsx b/apps/web/src/routes/_view/oss-friends.tsx
new file mode 100644
index 000000000..18000fe13
--- /dev/null
+++ b/apps/web/src/routes/_view/oss-friends.tsx
@@ -0,0 +1,157 @@
+import { Icon } from "@iconify-icon/react";
+import { createFileRoute } from "@tanstack/react-router";
+import { allOssFriends } from "content-collections";
+
+import { cn } from "@hypr/utils";
+
+import { SlashSeparator } from "@/components/slash-separator";
+
+export const Route = createFileRoute("/_view/oss-friends")({
+  component: Component,
+  head: () => ({
+    meta: [
+      { title: "OSS Friends - Hyprnote" },
+      {
+        name: "description",
+        content:
+          "Discover amazing open source projects and tools built by our friends in the community. Hyprnote is proud to be part of the open source ecosystem.",
+      },
+      { property: "og:title", content: "OSS Friends - Hyprnote" },
+      {
+        property: "og:description",
+        content:
+          "Discover amazing open source projects and tools built by our friends in the community.",
+      },
+      { property: "og:type", content: "website" },
+      {
+        property: "og:url",
+        content: "https://hyprnote.com/oss-friends",
+      },
+      { name: "twitter:card", content: "summary_large_image" },
+      { name: "twitter:title", content: "OSS Friends - Hyprnote" },
+      {
+        name: "twitter:description",
+        content:
+          "Discover amazing open source projects and tools built by our friends in the community.",
+      },
+    ],
+  }),
+});
+
+function Component() {
+  return (
+    <div
+      className="bg-linear-to-b from-white via-stone-50/20 to-white min-h-screen"
+      style={{ backgroundImage: "url(/patterns/dots.svg)" }}
+    >
+      <div className="max-w-6xl mx-auto border-x border-neutral-100 bg-white">
+        <HeroSection />
+        <SlashSeparator />
+        <FriendsSection />
+        <SlashSeparator />
+        <JoinSection />
+      </div>
+    </div>
+  );
+}
+
+function HeroSection() {
+  return (
+    <div className="bg-linear-to-b from-stone-50/30 to-stone-100/30">
+      <div className="px-6 py-12 lg:py-20">
+        <header className="mb-8 text-center max-w-4xl mx-auto">
+          <h1 className="text-4xl sm:text-5xl lg:text-6xl font-serif text-stone-600 mb-6">
+            OSS Friends
+          </h1>
+          <p className="text-lg sm:text-xl text-neutral-600 leading-relaxed max-w-3xl mx-auto">
+            Discover amazing open source projects and tools built by our friends
+            in the community. We believe in the power of open source and are
+            proud to be part of this ecosystem.
+          </p>
+        </header>
+      </div>
+    </div>
+  );
+}
+
+function FriendsSection() {
+  return (
+    <section className="px-6 py-12 lg:py-16">
+      <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
+        {allOssFriends.map((friend) => (
+          <a
+            key={friend.slug}
+            href={friend.href}
+            target="_blank"
+            rel="noopener noreferrer"
+            className={cn([
+              "group flex flex-col border border-neutral-200 rounded-lg bg-white overflow-hidden",
+              "hover:border-stone-400 hover:shadow-md transition-all",
+            ])}
+          >
+            <div className="aspect-video bg-neutral-100 overflow-hidden">
+              {friend.image ? (
+                <img
+                  src={friend.image}
+                  alt={friend.name}
+                  className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+                  loading="lazy"
+                />
+              ) : (
+                <div className="w-full h-full flex items-center justify-center">
+                  <Icon
+                    icon="mdi:open-source-initiative"
+                    className="text-4xl text-neutral-300"
+                  />
+                </div>
+              )}
+            </div>
+            <div className="p-4 flex-1 flex flex-col">
+              <div className="flex items-start justify-between gap-2 mb-2">
+                <h3 className="text-lg font-medium text-stone-600 group-hover:text-stone-800">
+                  {friend.name}
+                </h3>
+                <Icon
+                  icon="mdi:arrow-top-right"
+                  className="text-lg text-neutral-400 group-hover:text-stone-600 transition-colors shrink-0"
+                />
+              </div>
+              <p className="text-sm text-neutral-600 leading-relaxed">
+                {friend.description}
+              </p>
+            </div>
+          </a>
+        ))}
+      </div>
+    </section>
+  );
+}
+
+function JoinSection() {
+  return (
+    <section className="px-6 py-12 lg:py-16 bg-stone-50/30">
+      <div className="max-w-2xl mx-auto text-center">
+        <h2 className="text-2xl sm:text-3xl font-serif text-stone-600 mb-4">
+          Want to be listed?
+        </h2>
+        <p className="text-neutral-600 mb-6">
+          If you're building an open source project and would like to be
+          featured on this page, we'd love to hear from you.
+        </p>
+        <a
+          href="https://github.com/fastrepl/hyprnote/issues/new?title=OSS%20Friends%20Request&body=Project%20Name:%0AProject%20URL:%0ADescription:"
+          target="_blank"
+          rel="noopener noreferrer"
+          className={cn([
+            "inline-flex items-center justify-center gap-2 px-6 py-3 text-base font-medium rounded-full",
+            "bg-linear-to-t from-neutral-800 to-neutral-700 text-white",
+            "hover:scale-105 active:scale-95 transition-transform",
+          ])}
+        >
+          <Icon icon="mdi:github" className="text-lg" />
+          Submit your project
+        </a>
+      </div>
+    </section>
+  );
+}

From 4d42797aeb100bb5aacf3a30001cb603ed48d50b Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 1 Dec 2025 06:03:45 +0000
Subject: [PATCH 2/9] fix(web): update og-image URLs for OSS Friends

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
---
 apps/web/content/oss-friends/cal.mdx        | 2 +-
 apps/web/content/oss-friends/documenso.mdx  | 2 +-
 apps/web/content/oss-friends/dub.mdx        | 2 +-
 apps/web/content/oss-friends/eraser.mdx     | 2 +-
 apps/web/content/oss-friends/formbricks.mdx | 2 +-
 apps/web/content/oss-friends/hanko.mdx      | 1 -
 apps/web/content/oss-friends/inbox-zero.mdx | 1 -
 apps/web/content/oss-friends/infisical.mdx  | 2 +-
 apps/web/content/oss-friends/papermark.mdx  | 2 +-
 apps/web/content/oss-friends/trigger.mdx    | 2 +-
 apps/web/content/oss-friends/unkey.mdx      | 1 -
 11 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/apps/web/content/oss-friends/cal.mdx b/apps/web/content/oss-friends/cal.mdx
index 34b96333a..c80ab06d4 100644
--- a/apps/web/content/oss-friends/cal.mdx
+++ b/apps/web/content/oss-friends/cal.mdx
@@ -2,5 +2,5 @@
 name: Cal.com
 description: Open source scheduling infrastructure. The open source Calendly alternative.
 href: https://cal.com
-image: https://cal.com/og-image.png
+image: https://framerusercontent.com/images/wR3hWD1bOPJdosDiPSZLtYpHR3k.png
 ---
diff --git a/apps/web/content/oss-friends/documenso.mdx b/apps/web/content/oss-friends/documenso.mdx
index b45a48876..db0e9b428 100644
--- a/apps/web/content/oss-friends/documenso.mdx
+++ b/apps/web/content/oss-friends/documenso.mdx
@@ -2,5 +2,5 @@
 name: Documenso
 description: The open source DocuSign alternative. Self-host or use the cloud version.
 href: https://documenso.com
-image: https://documenso.com/og-image.png
+image: https://framerusercontent.com/images/x66EcGbzu3IQEriNXuRmOBonGyo.png
 ---
diff --git a/apps/web/content/oss-friends/dub.mdx b/apps/web/content/oss-friends/dub.mdx
index 88cdf1633..9af679883 100644
--- a/apps/web/content/oss-friends/dub.mdx
+++ b/apps/web/content/oss-friends/dub.mdx
@@ -2,5 +2,5 @@
 name: Dub
 description: Open source link management. Create, share, and track short links with analytics.
 href: https://dub.co
-image: https://dub.co/api/og
+image: https://assets.dub.co/thumbnail.jpg
 ---
diff --git a/apps/web/content/oss-friends/eraser.mdx b/apps/web/content/oss-friends/eraser.mdx
index ac1267b52..d21ec26f0 100644
--- a/apps/web/content/oss-friends/eraser.mdx
+++ b/apps/web/content/oss-friends/eraser.mdx
@@ -2,5 +2,5 @@
 name: Eraser
 description: The whiteboard for engineering teams. Create diagrams and documentation together.
 href: https://eraser.io
-image: https://eraser.io/og-image.png
+image: https://cdn.prod.website-files.com/62d58a323cbc396f06a780aa/6703e77bae3793673a054a4b_eraser-og-image.avif
 ---
diff --git a/apps/web/content/oss-friends/formbricks.mdx b/apps/web/content/oss-friends/formbricks.mdx
index dd604f366..9cdc4b686 100644
--- a/apps/web/content/oss-friends/formbricks.mdx
+++ b/apps/web/content/oss-friends/formbricks.mdx
@@ -2,5 +2,5 @@
 name: Formbricks
 description: Open source survey platform. Build in-product micro-surveys that connect to your tech stack.
 href: https://formbricks.com
-image: https://formbricks.com/og-image.png
+image: https://formbricks.com/api/og
 ---
diff --git a/apps/web/content/oss-friends/hanko.mdx b/apps/web/content/oss-friends/hanko.mdx
index a34bbc762..c3e7e5116 100644
--- a/apps/web/content/oss-friends/hanko.mdx
+++ b/apps/web/content/oss-friends/hanko.mdx
@@ -2,5 +2,4 @@
 name: Hanko
 description: Open source authentication. Passwordless auth with passkeys and WebAuthn.
 href: https://hanko.io
-image: https://www.hanko.io/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/inbox-zero.mdx b/apps/web/content/oss-friends/inbox-zero.mdx
index daa6f808b..26cee4e54 100644
--- a/apps/web/content/oss-friends/inbox-zero.mdx
+++ b/apps/web/content/oss-friends/inbox-zero.mdx
@@ -2,5 +2,4 @@
 name: Inbox Zero
 description: Open source email management. Clean up your inbox and reach inbox zero fast.
 href: https://getinboxzero.com
-image: https://www.getinboxzero.com/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/infisical.mdx b/apps/web/content/oss-friends/infisical.mdx
index 45051d588..541ae1fa7 100644
--- a/apps/web/content/oss-friends/infisical.mdx
+++ b/apps/web/content/oss-friends/infisical.mdx
@@ -2,5 +2,5 @@
 name: Infisical
 description: Open source secret management. Sync secrets across your team and infrastructure.
 href: https://infisical.com
-image: https://infisical.com/og-image.png
+image: https://infisical.com/images/message.png
 ---
diff --git a/apps/web/content/oss-friends/papermark.mdx b/apps/web/content/oss-friends/papermark.mdx
index a9995d3e8..7cc2aa498 100644
--- a/apps/web/content/oss-friends/papermark.mdx
+++ b/apps/web/content/oss-friends/papermark.mdx
@@ -2,5 +2,5 @@
 name: Papermark
 description: Open source DocSend alternative. Share documents with real-time analytics.
 href: https://papermark.io
-image: https://www.papermark.io/og-image.png
+image: https://www.papermark.com/_static/meta-image.png
 ---
diff --git a/apps/web/content/oss-friends/trigger.mdx b/apps/web/content/oss-friends/trigger.mdx
index 6bffc0d13..252de5bef 100644
--- a/apps/web/content/oss-friends/trigger.mdx
+++ b/apps/web/content/oss-friends/trigger.mdx
@@ -2,5 +2,5 @@
 name: Trigger.dev
 description: Open source background jobs. Create long-running jobs directly in your codebase.
 href: https://trigger.dev
-image: https://trigger.dev/og-image.png
+image: https://trigger.dev/build/_assets/og-image-FUCLNVIV.jpg
 ---
diff --git a/apps/web/content/oss-friends/unkey.mdx b/apps/web/content/oss-friends/unkey.mdx
index e8d76dec6..b476d3f3f 100644
--- a/apps/web/content/oss-friends/unkey.mdx
+++ b/apps/web/content/oss-friends/unkey.mdx
@@ -2,5 +2,4 @@
 name: Unkey
 description: Open source API key management. Build better APIs with authentication and rate limiting.
 href: https://unkey.dev
-image: https://unkey.dev/og.png
 ---

From 5c4785b137a71ce4e8187999c44aa69230ba0070 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 1 Dec 2025 05:53:07 +0000
Subject: [PATCH 3/9] feat(web): add OSS Friends page with content-collections

- Add new OSS Friends page at /oss-friends route
- Use content-collections for managing OSS friends data
- Implement 3xn grid layout with og-image/logo, title, and description
- Add 12 initial OSS friends: OpenStatus, Cal.com, Documenso, Formbricks, Infisical, Dub, Papermark, Trigger.dev, Unkey, Hanko, Inbox Zero, Eraser
- Include 'Want to be listed?' section with GitHub issue link

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
---
 apps/web/content-collections.ts             |  22 +++
 apps/web/content/oss-friends/cal.mdx        |   6 +
 apps/web/content/oss-friends/documenso.mdx  |   6 +
 apps/web/content/oss-friends/dub.mdx        |   6 +
 apps/web/content/oss-friends/eraser.mdx     |   6 +
 apps/web/content/oss-friends/formbricks.mdx |   6 +
 apps/web/content/oss-friends/hanko.mdx      |   6 +
 apps/web/content/oss-friends/inbox-zero.mdx |   6 +
 apps/web/content/oss-friends/infisical.mdx  |   6 +
 apps/web/content/oss-friends/openstatus.mdx |   6 +
 apps/web/content/oss-friends/papermark.mdx  |   6 +
 apps/web/content/oss-friends/trigger.mdx    |   6 +
 apps/web/content/oss-friends/unkey.mdx      |   6 +
 apps/web/src/routes/_view/oss-friends.tsx   | 157 ++++++++++++++++++++
 14 files changed, 251 insertions(+)
 create mode 100644 apps/web/content/oss-friends/cal.mdx
 create mode 100644 apps/web/content/oss-friends/documenso.mdx
 create mode 100644 apps/web/content/oss-friends/dub.mdx
 create mode 100644 apps/web/content/oss-friends/eraser.mdx
 create mode 100644 apps/web/content/oss-friends/formbricks.mdx
 create mode 100644 apps/web/content/oss-friends/hanko.mdx
 create mode 100644 apps/web/content/oss-friends/inbox-zero.mdx
 create mode 100644 apps/web/content/oss-friends/infisical.mdx
 create mode 100644 apps/web/content/oss-friends/openstatus.mdx
 create mode 100644 apps/web/content/oss-friends/papermark.mdx
 create mode 100644 apps/web/content/oss-friends/trigger.mdx
 create mode 100644 apps/web/content/oss-friends/unkey.mdx
 create mode 100644 apps/web/src/routes/_view/oss-friends.tsx

diff --git a/apps/web/content-collections.ts b/apps/web/content-collections.ts
index fad8dcb0c..e9eee172f 100644
--- a/apps/web/content-collections.ts
+++ b/apps/web/content-collections.ts
@@ -492,6 +492,27 @@ const roadmap = defineCollection({
   },
 });
 
+const ossFriends = defineCollection({
+  name: "ossFriends",
+  directory: "content/oss-friends",
+  include: "*.mdx",
+  exclude: "AGENTS.md",
+  schema: z.object({
+    name: z.string(),
+    description: z.string(),
+    href: z.string(),
+    image: z.string().optional(),
+  }),
+  transform: async (document) => {
+    const slug = document._meta.path.replace(/\.mdx$/, "");
+
+    return {
+      ...document,
+      slug,
+    };
+  },
+});
+
 const handbook = defineCollection({
   name: "handbook",
   directory: "content/handbook",
@@ -566,5 +587,6 @@ export default defineConfig({
     vs,
     handbook,
     roadmap,
+    ossFriends,
   ],
 });
diff --git a/apps/web/content/oss-friends/cal.mdx b/apps/web/content/oss-friends/cal.mdx
new file mode 100644
index 000000000..34b96333a
--- /dev/null
+++ b/apps/web/content/oss-friends/cal.mdx
@@ -0,0 +1,6 @@
+---
+name: Cal.com
+description: Open source scheduling infrastructure. The open source Calendly alternative.
+href: https://cal.com
+image: https://cal.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/documenso.mdx b/apps/web/content/oss-friends/documenso.mdx
new file mode 100644
index 000000000..b45a48876
--- /dev/null
+++ b/apps/web/content/oss-friends/documenso.mdx
@@ -0,0 +1,6 @@
+---
+name: Documenso
+description: The open source DocuSign alternative. Self-host or use the cloud version.
+href: https://documenso.com
+image: https://documenso.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/dub.mdx b/apps/web/content/oss-friends/dub.mdx
new file mode 100644
index 000000000..88cdf1633
--- /dev/null
+++ b/apps/web/content/oss-friends/dub.mdx
@@ -0,0 +1,6 @@
+---
+name: Dub
+description: Open source link management. Create, share, and track short links with analytics.
+href: https://dub.co
+image: https://dub.co/api/og
+---
diff --git a/apps/web/content/oss-friends/eraser.mdx b/apps/web/content/oss-friends/eraser.mdx
new file mode 100644
index 000000000..ac1267b52
--- /dev/null
+++ b/apps/web/content/oss-friends/eraser.mdx
@@ -0,0 +1,6 @@
+---
+name: Eraser
+description: The whiteboard for engineering teams. Create diagrams and documentation together.
+href: https://eraser.io
+image: https://eraser.io/og-image.png
+---
diff --git a/apps/web/content/oss-friends/formbricks.mdx b/apps/web/content/oss-friends/formbricks.mdx
new file mode 100644
index 000000000..dd604f366
--- /dev/null
+++ b/apps/web/content/oss-friends/formbricks.mdx
@@ -0,0 +1,6 @@
+---
+name: Formbricks
+description: Open source survey platform. Build in-product micro-surveys that connect to your tech stack.
+href: https://formbricks.com
+image: https://formbricks.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/hanko.mdx b/apps/web/content/oss-friends/hanko.mdx
new file mode 100644
index 000000000..a34bbc762
--- /dev/null
+++ b/apps/web/content/oss-friends/hanko.mdx
@@ -0,0 +1,6 @@
+---
+name: Hanko
+description: Open source authentication. Passwordless auth with passkeys and WebAuthn.
+href: https://hanko.io
+image: https://www.hanko.io/og-image.png
+---
diff --git a/apps/web/content/oss-friends/inbox-zero.mdx b/apps/web/content/oss-friends/inbox-zero.mdx
new file mode 100644
index 000000000..daa6f808b
--- /dev/null
+++ b/apps/web/content/oss-friends/inbox-zero.mdx
@@ -0,0 +1,6 @@
+---
+name: Inbox Zero
+description: Open source email management. Clean up your inbox and reach inbox zero fast.
+href: https://getinboxzero.com
+image: https://www.getinboxzero.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/infisical.mdx b/apps/web/content/oss-friends/infisical.mdx
new file mode 100644
index 000000000..45051d588
--- /dev/null
+++ b/apps/web/content/oss-friends/infisical.mdx
@@ -0,0 +1,6 @@
+---
+name: Infisical
+description: Open source secret management. Sync secrets across your team and infrastructure.
+href: https://infisical.com
+image: https://infisical.com/og-image.png
+---
diff --git a/apps/web/content/oss-friends/openstatus.mdx b/apps/web/content/oss-friends/openstatus.mdx
new file mode 100644
index 000000000..373bc3fc1
--- /dev/null
+++ b/apps/web/content/oss-friends/openstatus.mdx
@@ -0,0 +1,6 @@
+---
+name: OpenStatus
+description: Open source monitoring platform. Monitor your APIs, websites, and cron jobs with ease.
+href: https://www.openstatus.dev
+image: https://www.openstatus.dev/api/og
+---
diff --git a/apps/web/content/oss-friends/papermark.mdx b/apps/web/content/oss-friends/papermark.mdx
new file mode 100644
index 000000000..a9995d3e8
--- /dev/null
+++ b/apps/web/content/oss-friends/papermark.mdx
@@ -0,0 +1,6 @@
+---
+name: Papermark
+description: Open source DocSend alternative. Share documents with real-time analytics.
+href: https://papermark.io
+image: https://www.papermark.io/og-image.png
+---
diff --git a/apps/web/content/oss-friends/trigger.mdx b/apps/web/content/oss-friends/trigger.mdx
new file mode 100644
index 000000000..6bffc0d13
--- /dev/null
+++ b/apps/web/content/oss-friends/trigger.mdx
@@ -0,0 +1,6 @@
+---
+name: Trigger.dev
+description: Open source background jobs. Create long-running jobs directly in your codebase.
+href: https://trigger.dev
+image: https://trigger.dev/og-image.png
+---
diff --git a/apps/web/content/oss-friends/unkey.mdx b/apps/web/content/oss-friends/unkey.mdx
new file mode 100644
index 000000000..e8d76dec6
--- /dev/null
+++ b/apps/web/content/oss-friends/unkey.mdx
@@ -0,0 +1,6 @@
+---
+name: Unkey
+description: Open source API key management. Build better APIs with authentication and rate limiting.
+href: https://unkey.dev
+image: https://unkey.dev/og.png
+---
diff --git a/apps/web/src/routes/_view/oss-friends.tsx b/apps/web/src/routes/_view/oss-friends.tsx
new file mode 100644
index 000000000..18000fe13
--- /dev/null
+++ b/apps/web/src/routes/_view/oss-friends.tsx
@@ -0,0 +1,157 @@
+import { Icon } from "@iconify-icon/react";
+import { createFileRoute } from "@tanstack/react-router";
+import { allOssFriends } from "content-collections";
+
+import { cn } from "@hypr/utils";
+
+import { SlashSeparator } from "@/components/slash-separator";
+
+export const Route = createFileRoute("/_view/oss-friends")({
+  component: Component,
+  head: () => ({
+    meta: [
+      { title: "OSS Friends - Hyprnote" },
+      {
+        name: "description",
+        content:
+          "Discover amazing open source projects and tools built by our friends in the community. Hyprnote is proud to be part of the open source ecosystem.",
+      },
+      { property: "og:title", content: "OSS Friends - Hyprnote" },
+      {
+        property: "og:description",
+        content:
+          "Discover amazing open source projects and tools built by our friends in the community.",
+      },
+      { property: "og:type", content: "website" },
+      {
+        property: "og:url",
+        content: "https://hyprnote.com/oss-friends",
+      },
+      { name: "twitter:card", content: "summary_large_image" },
+      { name: "twitter:title", content: "OSS Friends - Hyprnote" },
+      {
+        name: "twitter:description",
+        content:
+          "Discover amazing open source projects and tools built by our friends in the community.",
+      },
+    ],
+  }),
+});
+
+function Component() {
+  return (
+    <div
+      className="bg-linear-to-b from-white via-stone-50/20 to-white min-h-screen"
+      style={{ backgroundImage: "url(/patterns/dots.svg)" }}
+    >
+      <div className="max-w-6xl mx-auto border-x border-neutral-100 bg-white">
+        <HeroSection />
+        <SlashSeparator />
+        <FriendsSection />
+        <SlashSeparator />
+        <JoinSection />
+      </div>
+    </div>
+  );
+}
+
+function HeroSection() {
+  return (
+    <div className="bg-linear-to-b from-stone-50/30 to-stone-100/30">
+      <div className="px-6 py-12 lg:py-20">
+        <header className="mb-8 text-center max-w-4xl mx-auto">
+          <h1 className="text-4xl sm:text-5xl lg:text-6xl font-serif text-stone-600 mb-6">
+            OSS Friends
+          </h1>
+          <p className="text-lg sm:text-xl text-neutral-600 leading-relaxed max-w-3xl mx-auto">
+            Discover amazing open source projects and tools built by our friends
+            in the community. We believe in the power of open source and are
+            proud to be part of this ecosystem.
+          </p>
+        </header>
+      </div>
+    </div>
+  );
+}
+
+function FriendsSection() {
+  return (
+    <section className="px-6 py-12 lg:py-16">
+      <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
+        {allOssFriends.map((friend) => (
+          <a
+            key={friend.slug}
+            href={friend.href}
+            target="_blank"
+            rel="noopener noreferrer"
+            className={cn([
+              "group flex flex-col border border-neutral-200 rounded-lg bg-white overflow-hidden",
+              "hover:border-stone-400 hover:shadow-md transition-all",
+            ])}
+          >
+            <div className="aspect-video bg-neutral-100 overflow-hidden">
+              {friend.image ? (
+                <img
+                  src={friend.image}
+                  alt={friend.name}
+                  className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+                  loading="lazy"
+                />
+              ) : (
+                <div className="w-full h-full flex items-center justify-center">
+                  <Icon
+                    icon="mdi:open-source-initiative"
+                    className="text-4xl text-neutral-300"
+                  />
+                </div>
+              )}
+            </div>
+            <div className="p-4 flex-1 flex flex-col">
+              <div className="flex items-start justify-between gap-2 mb-2">
+                <h3 className="text-lg font-medium text-stone-600 group-hover:text-stone-800">
+                  {friend.name}
+                </h3>
+                <Icon
+                  icon="mdi:arrow-top-right"
+                  className="text-lg text-neutral-400 group-hover:text-stone-600 transition-colors shrink-0"
+                />
+              </div>
+              <p className="text-sm text-neutral-600 leading-relaxed">
+                {friend.description}
+              </p>
+            </div>
+          </a>
+        ))}
+      </div>
+    </section>
+  );
+}
+
+function JoinSection() {
+  return (
+    <section className="px-6 py-12 lg:py-16 bg-stone-50/30">
+      <div className="max-w-2xl mx-auto text-center">
+        <h2 className="text-2xl sm:text-3xl font-serif text-stone-600 mb-4">
+          Want to be listed?
+        </h2>
+        <p className="text-neutral-600 mb-6">
+          If you're building an open source project and would like to be
+          featured on this page, we'd love to hear from you.
+        </p>
+        <a
+          href="https://github.com/fastrepl/hyprnote/issues/new?title=OSS%20Friends%20Request&body=Project%20Name:%0AProject%20URL:%0ADescription:"
+          target="_blank"
+          rel="noopener noreferrer"
+          className={cn([
+            "inline-flex items-center justify-center gap-2 px-6 py-3 text-base font-medium rounded-full",
+            "bg-linear-to-t from-neutral-800 to-neutral-700 text-white",
+            "hover:scale-105 active:scale-95 transition-transform",
+          ])}
+        >
+          <Icon icon="mdi:github" className="text-lg" />
+          Submit your project
+        </a>
+      </div>
+    </section>
+  );
+}

From df983a09d85f2a91059ce16af497fb11469cc43b Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 1 Dec 2025 06:03:45 +0000
Subject: [PATCH 4/9] fix(web): update og-image URLs for OSS Friends

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
---
 apps/web/content/oss-friends/cal.mdx        | 2 +-
 apps/web/content/oss-friends/documenso.mdx  | 2 +-
 apps/web/content/oss-friends/dub.mdx        | 2 +-
 apps/web/content/oss-friends/eraser.mdx     | 2 +-
 apps/web/content/oss-friends/formbricks.mdx | 2 +-
 apps/web/content/oss-friends/hanko.mdx      | 1 -
 apps/web/content/oss-friends/inbox-zero.mdx | 1 -
 apps/web/content/oss-friends/infisical.mdx  | 2 +-
 apps/web/content/oss-friends/papermark.mdx  | 2 +-
 apps/web/content/oss-friends/trigger.mdx    | 2 +-
 apps/web/content/oss-friends/unkey.mdx      | 1 -
 11 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/apps/web/content/oss-friends/cal.mdx b/apps/web/content/oss-friends/cal.mdx
index 34b96333a..c80ab06d4 100644
--- a/apps/web/content/oss-friends/cal.mdx
+++ b/apps/web/content/oss-friends/cal.mdx
@@ -2,5 +2,5 @@
 name: Cal.com
 description: Open source scheduling infrastructure. The open source Calendly alternative.
 href: https://cal.com
-image: https://cal.com/og-image.png
+image: https://framerusercontent.com/images/wR3hWD1bOPJdosDiPSZLtYpHR3k.png
 ---
diff --git a/apps/web/content/oss-friends/documenso.mdx b/apps/web/content/oss-friends/documenso.mdx
index b45a48876..db0e9b428 100644
--- a/apps/web/content/oss-friends/documenso.mdx
+++ b/apps/web/content/oss-friends/documenso.mdx
@@ -2,5 +2,5 @@
 name: Documenso
 description: The open source DocuSign alternative. Self-host or use the cloud version.
 href: https://documenso.com
-image: https://documenso.com/og-image.png
+image: https://framerusercontent.com/images/x66EcGbzu3IQEriNXuRmOBonGyo.png
 ---
diff --git a/apps/web/content/oss-friends/dub.mdx b/apps/web/content/oss-friends/dub.mdx
index 88cdf1633..9af679883 100644
--- a/apps/web/content/oss-friends/dub.mdx
+++ b/apps/web/content/oss-friends/dub.mdx
@@ -2,5 +2,5 @@
 name: Dub
 description: Open source link management. Create, share, and track short links with analytics.
 href: https://dub.co
-image: https://dub.co/api/og
+image: https://assets.dub.co/thumbnail.jpg
 ---
diff --git a/apps/web/content/oss-friends/eraser.mdx b/apps/web/content/oss-friends/eraser.mdx
index ac1267b52..d21ec26f0 100644
--- a/apps/web/content/oss-friends/eraser.mdx
+++ b/apps/web/content/oss-friends/eraser.mdx
@@ -2,5 +2,5 @@
 name: Eraser
 description: The whiteboard for engineering teams. Create diagrams and documentation together.
 href: https://eraser.io
-image: https://eraser.io/og-image.png
+image: https://cdn.prod.website-files.com/62d58a323cbc396f06a780aa/6703e77bae3793673a054a4b_eraser-og-image.avif
 ---
diff --git a/apps/web/content/oss-friends/formbricks.mdx b/apps/web/content/oss-friends/formbricks.mdx
index dd604f366..9cdc4b686 100644
--- a/apps/web/content/oss-friends/formbricks.mdx
+++ b/apps/web/content/oss-friends/formbricks.mdx
@@ -2,5 +2,5 @@
 name: Formbricks
 description: Open source survey platform. Build in-product micro-surveys that connect to your tech stack.
 href: https://formbricks.com
-image: https://formbricks.com/og-image.png
+image: https://formbricks.com/api/og
 ---
diff --git a/apps/web/content/oss-friends/hanko.mdx b/apps/web/content/oss-friends/hanko.mdx
index a34bbc762..c3e7e5116 100644
--- a/apps/web/content/oss-friends/hanko.mdx
+++ b/apps/web/content/oss-friends/hanko.mdx
@@ -2,5 +2,4 @@
 name: Hanko
 description: Open source authentication. Passwordless auth with passkeys and WebAuthn.
 href: https://hanko.io
-image: https://www.hanko.io/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/inbox-zero.mdx b/apps/web/content/oss-friends/inbox-zero.mdx
index daa6f808b..26cee4e54 100644
--- a/apps/web/content/oss-friends/inbox-zero.mdx
+++ b/apps/web/content/oss-friends/inbox-zero.mdx
@@ -2,5 +2,4 @@
 name: Inbox Zero
 description: Open source email management. Clean up your inbox and reach inbox zero fast.
 href: https://getinboxzero.com
-image: https://www.getinboxzero.com/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/infisical.mdx b/apps/web/content/oss-friends/infisical.mdx
index 45051d588..541ae1fa7 100644
--- a/apps/web/content/oss-friends/infisical.mdx
+++ b/apps/web/content/oss-friends/infisical.mdx
@@ -2,5 +2,5 @@
 name: Infisical
 description: Open source secret management. Sync secrets across your team and infrastructure.
 href: https://infisical.com
-image: https://infisical.com/og-image.png
+image: https://infisical.com/images/message.png
 ---
diff --git a/apps/web/content/oss-friends/papermark.mdx b/apps/web/content/oss-friends/papermark.mdx
index a9995d3e8..7cc2aa498 100644
--- a/apps/web/content/oss-friends/papermark.mdx
+++ b/apps/web/content/oss-friends/papermark.mdx
@@ -2,5 +2,5 @@
 name: Papermark
 description: Open source DocSend alternative. Share documents with real-time analytics.
 href: https://papermark.io
-image: https://www.papermark.io/og-image.png
+image: https://www.papermark.com/_static/meta-image.png
 ---
diff --git a/apps/web/content/oss-friends/trigger.mdx b/apps/web/content/oss-friends/trigger.mdx
index 6bffc0d13..252de5bef 100644
--- a/apps/web/content/oss-friends/trigger.mdx
+++ b/apps/web/content/oss-friends/trigger.mdx
@@ -2,5 +2,5 @@
 name: Trigger.dev
 description: Open source background jobs. Create long-running jobs directly in your codebase.
 href: https://trigger.dev
-image: https://trigger.dev/og-image.png
+image: https://trigger.dev/build/_assets/og-image-FUCLNVIV.jpg
 ---
diff --git a/apps/web/content/oss-friends/unkey.mdx b/apps/web/content/oss-friends/unkey.mdx
index e8d76dec6..b476d3f3f 100644
--- a/apps/web/content/oss-friends/unkey.mdx
+++ b/apps/web/content/oss-friends/unkey.mdx
@@ -2,5 +2,4 @@
 name: Unkey
 description: Open source API key management. Build better APIs with authentication and rate limiting.
 href: https://unkey.dev
-image: https://unkey.dev/og.png
 ---

From dadb31bfdcb9fbcd7fbc78585a4294bab4bbeb78 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Mon, 1 Dec 2025 15:54:42 +0900
Subject: [PATCH 5/9] feat(content): add github field to collection schema

---
 apps/web/content-collections.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/content-collections.ts b/apps/web/content-collections.ts
index e9eee172f..ccdaa9f14 100644
--- a/apps/web/content-collections.ts
+++ b/apps/web/content-collections.ts
@@ -502,6 +502,7 @@ const ossFriends = defineCollection({
     description: z.string(),
     href: z.string(),
     image: z.string().optional(),
+    github: z.string(),
   }),
   transform: async (document) => {
     const slug = document._meta.path.replace(/\.mdx$/, "");

From 418e9ada8292fb0a6d50d7c8f00b4d07c4f34441 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Mon, 1 Dec 2025 15:50:43 +0900
Subject: [PATCH 6/9] feat(oss-friends): add GitHub links and update
 descriptions for open source projects

---
 apps/web/content/oss-friends/cal.mdx        | 3 ++-
 apps/web/content/oss-friends/documenso.mdx  | 5 +++--
 apps/web/content/oss-friends/dub.mdx        | 3 ++-
 apps/web/content/oss-friends/eraser.mdx     | 1 +
 apps/web/content/oss-friends/formbricks.mdx | 3 ++-
 apps/web/content/oss-friends/hanko.mdx      | 2 ++
 apps/web/content/oss-friends/inbox-zero.mdx | 2 ++
 apps/web/content/oss-friends/infisical.mdx  | 1 +
 apps/web/content/oss-friends/logto.mdx      | 7 +++++++
 apps/web/content/oss-friends/n8n.mdx        | 7 +++++++
 apps/web/content/oss-friends/novu.mdx       | 7 +++++++
 apps/web/content/oss-friends/openstatus.mdx | 3 ++-
 apps/web/content/oss-friends/papermark.mdx  | 1 +
 apps/web/content/oss-friends/plausible.mdx  | 7 +++++++
 apps/web/content/oss-friends/posthog.mdx    | 7 +++++++
 apps/web/content/oss-friends/supabase.mdx   | 7 +++++++
 apps/web/content/oss-friends/trigger.mdx    | 1 +
 apps/web/content/oss-friends/twenty.mdx     | 7 +++++++
 apps/web/content/oss-friends/unkey.mdx      | 2 ++
 19 files changed, 70 insertions(+), 6 deletions(-)
 create mode 100644 apps/web/content/oss-friends/logto.mdx
 create mode 100644 apps/web/content/oss-friends/n8n.mdx
 create mode 100644 apps/web/content/oss-friends/novu.mdx
 create mode 100644 apps/web/content/oss-friends/plausible.mdx
 create mode 100644 apps/web/content/oss-friends/posthog.mdx
 create mode 100644 apps/web/content/oss-friends/supabase.mdx
 create mode 100644 apps/web/content/oss-friends/twenty.mdx

diff --git a/apps/web/content/oss-friends/cal.mdx b/apps/web/content/oss-friends/cal.mdx
index c80ab06d4..4a31e1adb 100644
--- a/apps/web/content/oss-friends/cal.mdx
+++ b/apps/web/content/oss-friends/cal.mdx
@@ -2,5 +2,6 @@
 name: Cal.com
 description: Open source scheduling infrastructure. The open source Calendly alternative.
 href: https://cal.com
-image: https://framerusercontent.com/images/wR3hWD1bOPJdosDiPSZLtYpHR3k.png
+github: https://github.com/calcom/cal.com
+image: https://cal.com/og-image.jpg
 ---
diff --git a/apps/web/content/oss-friends/documenso.mdx b/apps/web/content/oss-friends/documenso.mdx
index db0e9b428..3e7956f14 100644
--- a/apps/web/content/oss-friends/documenso.mdx
+++ b/apps/web/content/oss-friends/documenso.mdx
@@ -1,6 +1,7 @@
 ---
 name: Documenso
-description: The open source DocuSign alternative. Self-host or use the cloud version.
+description: Open source document signing. The open source DocuSign alternative.
 href: https://documenso.com
-image: https://framerusercontent.com/images/x66EcGbzu3IQEriNXuRmOBonGyo.png
+github: https://github.com/documenso/documenso
+image: https://documenso.com/og-image.jpg
 ---
diff --git a/apps/web/content/oss-friends/dub.mdx b/apps/web/content/oss-friends/dub.mdx
index 9af679883..936f9f7ef 100644
--- a/apps/web/content/oss-friends/dub.mdx
+++ b/apps/web/content/oss-friends/dub.mdx
@@ -2,5 +2,6 @@
 name: Dub
 description: Open source link management. Create, share, and track short links with analytics.
 href: https://dub.co
-image: https://assets.dub.co/thumbnail.jpg
+github: https://assets.dub.co/thumbnail.jpg
+image: https://dub.co/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/eraser.mdx b/apps/web/content/oss-friends/eraser.mdx
index d21ec26f0..1dfc6d92b 100644
--- a/apps/web/content/oss-friends/eraser.mdx
+++ b/apps/web/content/oss-friends/eraser.mdx
@@ -2,5 +2,6 @@
 name: Eraser
 description: The whiteboard for engineering teams. Create diagrams and documentation together.
 href: https://eraser.io
+github: https://github.com/eraser-io
 image: https://cdn.prod.website-files.com/62d58a323cbc396f06a780aa/6703e77bae3793673a054a4b_eraser-og-image.avif
 ---
diff --git a/apps/web/content/oss-friends/formbricks.mdx b/apps/web/content/oss-friends/formbricks.mdx
index 9cdc4b686..ecc34d495 100644
--- a/apps/web/content/oss-friends/formbricks.mdx
+++ b/apps/web/content/oss-friends/formbricks.mdx
@@ -1,6 +1,7 @@
 ---
 name: Formbricks
-description: Open source survey platform. Build in-product micro-surveys that connect to your tech stack.
+description: Open source experience management. Create in-app surveys and collect feedback.
 href: https://formbricks.com
+github: https://github.com/formbricks/formbricks
 image: https://formbricks.com/api/og
 ---
diff --git a/apps/web/content/oss-friends/hanko.mdx b/apps/web/content/oss-friends/hanko.mdx
index c3e7e5116..3c6ac60bc 100644
--- a/apps/web/content/oss-friends/hanko.mdx
+++ b/apps/web/content/oss-friends/hanko.mdx
@@ -2,4 +2,6 @@
 name: Hanko
 description: Open source authentication. Passwordless auth with passkeys and WebAuthn.
 href: https://hanko.io
+github: https://github.com/teamhanko/hanko
+image: https://www.hanko.io/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/inbox-zero.mdx b/apps/web/content/oss-friends/inbox-zero.mdx
index 26cee4e54..de12d5027 100644
--- a/apps/web/content/oss-friends/inbox-zero.mdx
+++ b/apps/web/content/oss-friends/inbox-zero.mdx
@@ -2,4 +2,6 @@
 name: Inbox Zero
 description: Open source email management. Clean up your inbox and reach inbox zero fast.
 href: https://getinboxzero.com
+github: https://github.com/elie222/inbox-zero
+image: https://www.getinboxzero.com/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/infisical.mdx b/apps/web/content/oss-friends/infisical.mdx
index 541ae1fa7..c9f275c3f 100644
--- a/apps/web/content/oss-friends/infisical.mdx
+++ b/apps/web/content/oss-friends/infisical.mdx
@@ -2,5 +2,6 @@
 name: Infisical
 description: Open source secret management. Sync secrets across your team and infrastructure.
 href: https://infisical.com
+github: https://github.com/Infisical/infisical
 image: https://infisical.com/images/message.png
 ---
diff --git a/apps/web/content/oss-friends/logto.mdx b/apps/web/content/oss-friends/logto.mdx
new file mode 100644
index 000000000..7e5c39963
--- /dev/null
+++ b/apps/web/content/oss-friends/logto.mdx
@@ -0,0 +1,7 @@
+---
+name: Logto
+description: Modern auth infrastructure for developers. Add multi-tenancy, enterprise SSO, and RBAC to your SaaS with OIDC and OAuth 2.1 made simple.
+href: https://logto.io
+github: https://github.com/logto-io/logto
+image: https://logto.io/og-image.png
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/n8n.mdx b/apps/web/content/oss-friends/n8n.mdx
new file mode 100644
index 000000000..8c1b11745
--- /dev/null
+++ b/apps/web/content/oss-friends/n8n.mdx
@@ -0,0 +1,7 @@
+---
+name: n8n
+description: Open source workflow automation platform. Build AI agents and automate tasks with code or drag-and-drop. Self-host or use the cloud with 500+ integrations.
+href: https://n8n.io
+github: https://github.com/n8n-io/n8n
+image: https://n8n.io/og-image.png
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/novu.mdx b/apps/web/content/oss-friends/novu.mdx
new file mode 100644
index 000000000..c37bedb47
--- /dev/null
+++ b/apps/web/content/oss-friends/novu.mdx
@@ -0,0 +1,7 @@
+---
+name: Novu
+description: Open source notification infrastructure. Add a powerful notification inbox to your app with multi-channel delivery including email, SMS, push, and in-app.
+href: https://novu.co
+github: https://github.com/novuhq/novu
+image: https://novu.co/images/social-preview.jpg
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/openstatus.mdx b/apps/web/content/oss-friends/openstatus.mdx
index 373bc3fc1..21a2e3bfd 100644
--- a/apps/web/content/oss-friends/openstatus.mdx
+++ b/apps/web/content/oss-friends/openstatus.mdx
@@ -2,5 +2,6 @@
 name: OpenStatus
 description: Open source monitoring platform. Monitor your APIs, websites, and cron jobs with ease.
 href: https://www.openstatus.dev
+github: https://github.com/openstatusHQ/openstatus
 image: https://www.openstatus.dev/api/og
----
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/papermark.mdx b/apps/web/content/oss-friends/papermark.mdx
index 7cc2aa498..0eec0f2f9 100644
--- a/apps/web/content/oss-friends/papermark.mdx
+++ b/apps/web/content/oss-friends/papermark.mdx
@@ -2,5 +2,6 @@
 name: Papermark
 description: Open source DocSend alternative. Share documents with real-time analytics.
 href: https://papermark.io
+github: https://github.com/mfts/papermark
 image: https://www.papermark.com/_static/meta-image.png
 ---
diff --git a/apps/web/content/oss-friends/plausible.mdx b/apps/web/content/oss-friends/plausible.mdx
new file mode 100644
index 000000000..777c19a75
--- /dev/null
+++ b/apps/web/content/oss-friends/plausible.mdx
@@ -0,0 +1,7 @@
+---
+name: Plausible
+description: Privacy-friendly Google Analytics alternative. Lightweight, cookie-free analytics with simple metrics and intuitive dashboards. Made and hosted in the EU.
+href: https://plausible.io
+github: https://github.com/plausible/analytics
+image: https://plausible.io/assets/images/og/plausible-analytics.png
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/posthog.mdx b/apps/web/content/oss-friends/posthog.mdx
new file mode 100644
index 000000000..4b43a1dcb
--- /dev/null
+++ b/apps/web/content/oss-friends/posthog.mdx
@@ -0,0 +1,7 @@
+---
+name: PostHog
+description: Open source product analytics platform. All-in-one suite with session replay, feature flags, experiments, and surveys for product engineers.
+href: https://posthog.com
+github: https://github.com/posthog/posthog
+image: https://posthog.com/images/og-image.png
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/supabase.mdx b/apps/web/content/oss-friends/supabase.mdx
new file mode 100644
index 000000000..ed0106495
--- /dev/null
+++ b/apps/web/content/oss-friends/supabase.mdx
@@ -0,0 +1,7 @@
+---
+name: Supabase
+description: Open source Postgres development platform. Build your backend with a Postgres database, Authentication, instant APIs, Edge Functions, and Realtime subscriptions.
+href: https://supabase.com
+github: https://github.com/supabase/supabase
+image: https://supabase.com/images/og/supabase-og.png
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/trigger.mdx b/apps/web/content/oss-friends/trigger.mdx
index 252de5bef..4df533765 100644
--- a/apps/web/content/oss-friends/trigger.mdx
+++ b/apps/web/content/oss-friends/trigger.mdx
@@ -2,5 +2,6 @@
 name: Trigger.dev
 description: Open source background jobs. Create long-running jobs directly in your codebase.
 href: https://trigger.dev
+github: https://github.com/triggerdotdev/trigger.dev
 image: https://trigger.dev/build/_assets/og-image-FUCLNVIV.jpg
 ---
diff --git a/apps/web/content/oss-friends/twenty.mdx b/apps/web/content/oss-friends/twenty.mdx
new file mode 100644
index 000000000..4cd88507b
--- /dev/null
+++ b/apps/web/content/oss-friends/twenty.mdx
@@ -0,0 +1,7 @@
+---
+name: Twenty
+description: Open source CRM platform. Modern, powerful alternative to Salesforce with customizable data models, workflows, and permissions for managing customer relationships.
+href: https://twenty.com
+github: https://github.com/twentyhq/twenty
+image: https://twenty.com/images/og-image.png
+---
\ No newline at end of file
diff --git a/apps/web/content/oss-friends/unkey.mdx b/apps/web/content/oss-friends/unkey.mdx
index b476d3f3f..f5fb808c6 100644
--- a/apps/web/content/oss-friends/unkey.mdx
+++ b/apps/web/content/oss-friends/unkey.mdx
@@ -2,4 +2,6 @@
 name: Unkey
 description: Open source API key management. Build better APIs with authentication and rate limiting.
 href: https://unkey.dev
+github: https://github.com/unkey/unkey
+image: https://unkey.dev/og.png
 ---

From 869ea3efc5f8d121042b37ef6b69003ea4c75483 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Mon, 1 Dec 2025 15:54:55 +0900
Subject: [PATCH 7/9] feat(routes): add oss-friends route to route tree

---
 apps/web/src/routeTree.gen.ts | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/apps/web/src/routeTree.gen.ts b/apps/web/src/routeTree.gen.ts
index dc2b07167..bd36ffcdc 100644
--- a/apps/web/src/routeTree.gen.ts
+++ b/apps/web/src/routeTree.gen.ts
@@ -26,6 +26,7 @@ import { Route as ApiTemplatesRouteImport } from './routes/api/templates'
 import { Route as ViewSecurityRouteImport } from './routes/_view/security'
 import { Route as ViewPricingRouteImport } from './routes/_view/pricing'
 import { Route as ViewPressKitRouteImport } from './routes/_view/press-kit'
+import { Route as ViewOssFriendsRouteImport } from './routes/_view/oss-friends'
 import { Route as ViewOpensourceRouteImport } from './routes/_view/opensource'
 import { Route as ViewFreeRouteImport } from './routes/_view/free'
 import { Route as ViewFileTranscriptionRouteImport } from './routes/_view/file-transcription'
@@ -172,6 +173,11 @@ const ViewPressKitRoute = ViewPressKitRouteImport.update({
   path: '/press-kit',
   getParentRoute: () => ViewRouteRoute,
 } as any)
+const ViewOssFriendsRoute = ViewOssFriendsRouteImport.update({
+  id: '/oss-friends',
+  path: '/oss-friends',
+  getParentRoute: () => ViewRouteRoute,
+} as any)
 const ViewOpensourceRoute = ViewOpensourceRouteImport.update({
   id: '/opensource',
   path: '/opensource',
@@ -506,6 +512,7 @@ export interface FileRoutesByFullPath {
   '/file-transcription': typeof ViewFileTranscriptionRoute
   '/free': typeof ViewFreeRoute
   '/opensource': typeof ViewOpensourceRoute
+  '/oss-friends': typeof ViewOssFriendsRoute
   '/press-kit': typeof ViewPressKitRouteWithChildren
   '/pricing': typeof ViewPricingRoute
   '/security': typeof ViewSecurityRoute
@@ -582,6 +589,7 @@ export interface FileRoutesByTo {
   '/file-transcription': typeof ViewFileTranscriptionRoute
   '/free': typeof ViewFreeRoute
   '/opensource': typeof ViewOpensourceRoute
+  '/oss-friends': typeof ViewOssFriendsRoute
   '/press-kit': typeof ViewPressKitRouteWithChildren
   '/pricing': typeof ViewPricingRoute
   '/security': typeof ViewSecurityRoute
@@ -663,6 +671,7 @@ export interface FileRoutesById {
   '/_view/file-transcription': typeof ViewFileTranscriptionRoute
   '/_view/free': typeof ViewFreeRoute
   '/_view/opensource': typeof ViewOpensourceRoute
+  '/_view/oss-friends': typeof ViewOssFriendsRoute
   '/_view/press-kit': typeof ViewPressKitRouteWithChildren
   '/_view/pricing': typeof ViewPricingRoute
   '/_view/security': typeof ViewSecurityRoute
@@ -744,6 +753,7 @@ export interface FileRouteTypes {
     | '/file-transcription'
     | '/free'
     | '/opensource'
+    | '/oss-friends'
     | '/press-kit'
     | '/pricing'
     | '/security'
@@ -820,6 +830,7 @@ export interface FileRouteTypes {
     | '/file-transcription'
     | '/free'
     | '/opensource'
+    | '/oss-friends'
     | '/press-kit'
     | '/pricing'
     | '/security'
@@ -900,6 +911,7 @@ export interface FileRouteTypes {
     | '/_view/file-transcription'
     | '/_view/free'
     | '/_view/opensource'
+    | '/_view/oss-friends'
     | '/_view/press-kit'
     | '/_view/pricing'
     | '/_view/security'
@@ -1099,6 +1111,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ViewPressKitRouteImport
       parentRoute: typeof ViewRouteRoute
     }
+    '/_view/oss-friends': {
+      id: '/_view/oss-friends'
+      path: '/oss-friends'
+      fullPath: '/oss-friends'
+      preLoaderRoute: typeof ViewOssFriendsRouteImport
+      parentRoute: typeof ViewRouteRoute
+    }
     '/_view/opensource': {
       id: '/_view/opensource'
       path: '/opensource'
@@ -1602,6 +1621,7 @@ interface ViewRouteRouteChildren {
   ViewFileTranscriptionRoute: typeof ViewFileTranscriptionRoute
   ViewFreeRoute: typeof ViewFreeRoute
   ViewOpensourceRoute: typeof ViewOpensourceRoute
+  ViewOssFriendsRoute: typeof ViewOssFriendsRoute
   ViewPressKitRoute: typeof ViewPressKitRouteWithChildren
   ViewPricingRoute: typeof ViewPricingRoute
   ViewSecurityRoute: typeof ViewSecurityRoute
@@ -1658,6 +1678,7 @@ const ViewRouteRouteChildren: ViewRouteRouteChildren = {
   ViewFileTranscriptionRoute: ViewFileTranscriptionRoute,
   ViewFreeRoute: ViewFreeRoute,
   ViewOpensourceRoute: ViewOpensourceRoute,
+  ViewOssFriendsRoute: ViewOssFriendsRoute,
   ViewPressKitRoute: ViewPressKitRouteWithChildren,
   ViewPricingRoute: ViewPricingRoute,
   ViewSecurityRoute: ViewSecurityRoute,

From 0a681a774a8d2a60a459150edfc3c17458bbba06 Mon Sep 17 00:00:00 2001
From: ComputelessComputer <john@hyprnote.com>
Date: Mon, 1 Dec 2025 15:55:03 +0900
Subject: [PATCH 8/9] feat(oss-friends): add search and improve project card
 layout

---
 apps/web/src/routes/_view/oss-friends.tsx | 55 ++++++++++++++++++-----
 1 file changed, 44 insertions(+), 11 deletions(-)

diff --git a/apps/web/src/routes/_view/oss-friends.tsx b/apps/web/src/routes/_view/oss-friends.tsx
index 18000fe13..19c8a91a5 100644
--- a/apps/web/src/routes/_view/oss-friends.tsx
+++ b/apps/web/src/routes/_view/oss-friends.tsx
@@ -4,6 +4,7 @@ import { allOssFriends } from "content-collections";
 
 import { cn } from "@hypr/utils";
 
+import { Image } from "@/components/image";
 import { SlashSeparator } from "@/components/slash-separator";
 
 export const Route = createFileRoute("/_view/oss-friends")({
@@ -63,11 +64,30 @@ function HeroSection() {
           <h1 className="text-4xl sm:text-5xl lg:text-6xl font-serif text-stone-600 mb-6">
             OSS Friends
           </h1>
-          <p className="text-lg sm:text-xl text-neutral-600 leading-relaxed max-w-3xl mx-auto">
+          <p className="text-lg sm:text-xl text-neutral-600 leading-relaxed max-w-3xl mx-auto mb-8">
             Discover amazing open source projects and tools built by our friends
             in the community. We believe in the power of open source and are
             proud to be part of this ecosystem.
           </p>
+          <div className="max-w-md mx-auto">
+            <div
+              className={cn([
+                "relative flex items-center",
+                "border border-neutral-200 rounded-full bg-white",
+                "focus-within:border-stone-400 transition-colors",
+              ])}
+            >
+              <Icon
+                icon="mdi:magnify"
+                className="absolute left-4 text-xl text-neutral-400"
+              />
+              <input
+                type="text"
+                placeholder="Search projects..."
+                className="w-full px-12 py-3 rounded-full bg-transparent outline-none text-neutral-800 placeholder:text-neutral-400"
+              />
+            </div>
+          </div>
         </header>
       </div>
     </div>
@@ -76,26 +96,29 @@ function HeroSection() {
 
 function FriendsSection() {
   return (
-    <section className="px-6 py-12 lg:py-16">
-      <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
-        {allOssFriends.map((friend) => (
+    <section>
+      <div className="grid grid-cols-3">
+        {allOssFriends.map((friend, index) => (
           <a
             key={friend.slug}
             href={friend.href}
             target="_blank"
             rel="noopener noreferrer"
             className={cn([
-              "group flex flex-col border border-neutral-200 rounded-lg bg-white overflow-hidden",
-              "hover:border-stone-400 hover:shadow-md transition-all",
+              "group flex flex-col bg-white overflow-hidden",
+              "border-b border-neutral-200",
+              index % 3 !== 2 && "border-r",
+              "hover:bg-stone-50 transition-all",
             ])}
           >
-            <div className="aspect-video bg-neutral-100 overflow-hidden">
+            <div className="aspect-40/21 bg-neutral-100 overflow-hidden">
               {friend.image ? (
-                <img
+                <Image
                   src={friend.image}
                   alt={friend.name}
-                  className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
-                  loading="lazy"
+                  className="w-full h-full group-hover:scale-105 transition-transform duration-300"
+                  objectFit="cover"
+                  layout="fullWidth"
                 />
               ) : (
                 <div className="w-full h-full flex items-center justify-center">
@@ -116,9 +139,19 @@ function FriendsSection() {
                   className="text-lg text-neutral-400 group-hover:text-stone-600 transition-colors shrink-0"
                 />
               </div>
-              <p className="text-sm text-neutral-600 leading-relaxed">
+              <p className="text-sm text-neutral-600 leading-relaxed mb-3">
                 {friend.description}
               </p>
+              <a
+                href={friend.github}
+                target="_blank"
+                rel="noopener noreferrer"
+                onClick={(e) => e.stopPropagation()}
+                className="inline-flex items-center gap-1.5 text-xs text-neutral-500 hover:text-neutral-700 transition-colors"
+              >
+                <Icon icon="mdi:github" className="text-sm" />
+                <span>View on GitHub</span>
+              </a>
             </div>
           </a>
         ))}

From ea119d403d6f2bd5e2236eb25e93dfac4f5d73d3 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Mon, 1 Dec 2025 07:05:37 +0000
Subject: [PATCH 9/9] fix(web): update og-image URLs with correct values from
 each project

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>
---
 apps/web/content/oss-friends/documenso.mdx  | 2 +-
 apps/web/content/oss-friends/dub.mdx        | 4 ++--
 apps/web/content/oss-friends/hanko.mdx      | 1 -
 apps/web/content/oss-friends/inbox-zero.mdx | 2 +-
 apps/web/content/oss-friends/logto.mdx      | 4 ++--
 apps/web/content/oss-friends/n8n.mdx        | 4 ++--
 apps/web/content/oss-friends/plausible.mdx  | 4 ++--
 apps/web/content/oss-friends/posthog.mdx    | 4 ++--
 apps/web/content/oss-friends/twenty.mdx     | 4 ++--
 apps/web/content/oss-friends/unkey.mdx      | 1 -
 10 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/apps/web/content/oss-friends/documenso.mdx b/apps/web/content/oss-friends/documenso.mdx
index 3e7956f14..44a15560f 100644
--- a/apps/web/content/oss-friends/documenso.mdx
+++ b/apps/web/content/oss-friends/documenso.mdx
@@ -3,5 +3,5 @@ name: Documenso
 description: Open source document signing. The open source DocuSign alternative.
 href: https://documenso.com
 github: https://github.com/documenso/documenso
-image: https://documenso.com/og-image.jpg
+image: https://framerusercontent.com/images/x66EcGbzu3IQEriNXuRmOBonGyo.png
 ---
diff --git a/apps/web/content/oss-friends/dub.mdx b/apps/web/content/oss-friends/dub.mdx
index 936f9f7ef..65182ec6a 100644
--- a/apps/web/content/oss-friends/dub.mdx
+++ b/apps/web/content/oss-friends/dub.mdx
@@ -2,6 +2,6 @@
 name: Dub
 description: Open source link management. Create, share, and track short links with analytics.
 href: https://dub.co
-github: https://assets.dub.co/thumbnail.jpg
-image: https://dub.co/og-image.png
+github: https://github.com/dubinc/dub
+image: https://assets.dub.co/thumbnail.jpg
 ---
diff --git a/apps/web/content/oss-friends/hanko.mdx b/apps/web/content/oss-friends/hanko.mdx
index 3c6ac60bc..ad75366b3 100644
--- a/apps/web/content/oss-friends/hanko.mdx
+++ b/apps/web/content/oss-friends/hanko.mdx
@@ -3,5 +3,4 @@ name: Hanko
 description: Open source authentication. Passwordless auth with passkeys and WebAuthn.
 href: https://hanko.io
 github: https://github.com/teamhanko/hanko
-image: https://www.hanko.io/og-image.png
 ---
diff --git a/apps/web/content/oss-friends/inbox-zero.mdx b/apps/web/content/oss-friends/inbox-zero.mdx
index de12d5027..49cfe17e5 100644
--- a/apps/web/content/oss-friends/inbox-zero.mdx
+++ b/apps/web/content/oss-friends/inbox-zero.mdx
@@ -3,5 +3,5 @@ name: Inbox Zero
 description: Open source email management. Clean up your inbox and reach inbox zero fast.
 href: https://getinboxzero.com
 github: https://github.com/elie222/inbox-zero
-image: https://www.getinboxzero.com/og-image.png
+image: https://www.getinboxzero.com/opengraph-image.png
 ---
diff --git a/apps/web/content/oss-friends/logto.mdx b/apps/web/content/oss-friends/logto.mdx
index 7e5c39963..e1df72afb 100644
--- a/apps/web/content/oss-friends/logto.mdx
+++ b/apps/web/content/oss-friends/logto.mdx
@@ -3,5 +3,5 @@ name: Logto
 description: Modern auth infrastructure for developers. Add multi-tenancy, enterprise SSO, and RBAC to your SaaS with OIDC and OAuth 2.1 made simple.
 href: https://logto.io
 github: https://github.com/logto-io/logto
-image: https://logto.io/og-image.png
----
\ No newline at end of file
+image: https://logto.io/assets/social-CH_XwNBP.jpg
+---
diff --git a/apps/web/content/oss-friends/n8n.mdx b/apps/web/content/oss-friends/n8n.mdx
index 8c1b11745..ca5e36588 100644
--- a/apps/web/content/oss-friends/n8n.mdx
+++ b/apps/web/content/oss-friends/n8n.mdx
@@ -3,5 +3,5 @@ name: n8n
 description: Open source workflow automation platform. Build AI agents and automate tasks with code or drag-and-drop. Self-host or use the cloud with 500+ integrations.
 href: https://n8n.io
 github: https://github.com/n8n-io/n8n
-image: https://n8n.io/og-image.png
----
\ No newline at end of file
+image: https://n8niostorageaccount.blob.core.windows.net/n8nio-strapi-blobs-prod/assets/og_image_website_3_afd66761a9_017b94d87b.png
+---
diff --git a/apps/web/content/oss-friends/plausible.mdx b/apps/web/content/oss-friends/plausible.mdx
index 777c19a75..ad80e06cb 100644
--- a/apps/web/content/oss-friends/plausible.mdx
+++ b/apps/web/content/oss-friends/plausible.mdx
@@ -3,5 +3,5 @@ name: Plausible
 description: Privacy-friendly Google Analytics alternative. Lightweight, cookie-free analytics with simple metrics and intuitive dashboards. Made and hosted in the EU.
 href: https://plausible.io
 github: https://github.com/plausible/analytics
-image: https://plausible.io/assets/images/og/plausible-analytics.png
----
\ No newline at end of file
+image: https://plausible.io/assets/images/plausible_promo.jpg
+---
diff --git a/apps/web/content/oss-friends/posthog.mdx b/apps/web/content/oss-friends/posthog.mdx
index 4b43a1dcb..5ce190033 100644
--- a/apps/web/content/oss-friends/posthog.mdx
+++ b/apps/web/content/oss-friends/posthog.mdx
@@ -3,5 +3,5 @@ name: PostHog
 description: Open source product analytics platform. All-in-one suite with session replay, feature flags, experiments, and surveys for product engineers.
 href: https://posthog.com
 github: https://github.com/posthog/posthog
-image: https://posthog.com/images/og-image.png
----
\ No newline at end of file
+image: https://posthog.com/images/og/default.png
+---
diff --git a/apps/web/content/oss-friends/twenty.mdx b/apps/web/content/oss-friends/twenty.mdx
index 4cd88507b..24f7feb2b 100644
--- a/apps/web/content/oss-friends/twenty.mdx
+++ b/apps/web/content/oss-friends/twenty.mdx
@@ -3,5 +3,5 @@ name: Twenty
 description: Open source CRM platform. Modern, powerful alternative to Salesforce with customizable data models, workflows, and permissions for managing customer relationships.
 href: https://twenty.com
 github: https://github.com/twentyhq/twenty
-image: https://twenty.com/images/og-image.png
----
\ No newline at end of file
+image: https://framerusercontent.com/assets/H7wGkHoAi1Dohc6jXriJzfrZ0EU.png
+---
diff --git a/apps/web/content/oss-friends/unkey.mdx b/apps/web/content/oss-friends/unkey.mdx
index f5fb808c6..715ae12be 100644
--- a/apps/web/content/oss-friends/unkey.mdx
+++ b/apps/web/content/oss-friends/unkey.mdx
@@ -3,5 +3,4 @@ name: Unkey
 description: Open source API key management. Build better APIs with authentication and rate limiting.
 href: https://unkey.dev
 github: https://github.com/unkey/unkey
-image: https://unkey.dev/og.png
 ---