diff --git a/packages/frontpage/app/(app)/post/new/_client.tsx b/packages/frontpage/app/(app)/post/new/_client.tsx
index 127acbee..6e19f160 100644
--- a/packages/frontpage/app/(app)/post/new/_client.tsx
+++ b/packages/frontpage/app/(app)/post/new/_client.tsx
@@ -7,6 +7,7 @@ import { Input } from "@/lib/components/ui/input";
 import { Button } from "@/lib/components/ui/button";
 import { Alert, AlertDescription, AlertTitle } from "@/lib/components/ui/alert";
 import { Spinner } from "@/lib/components/ui/spinner";
+import { grabTitle } from "@/lib/utils";
 import {
   MAX_POST_TITLE_LENGTH,
   MAX_POST_URL_LENGTH,
@@ -51,8 +52,11 @@ export function NewPostForm() {
           id={`${id}-url`}
           type="url"
           value={url}
-          onChange={(e) => {
-            setUrl(e.currentTarget.value);
+          onChange={async (e) => {
+            let url = e.currentTarget.value
+            const title = await grabTitle(url)
+            setTitle(title)
+            setUrl(url);
           }}
         />
         <InputLengthIndicator
diff --git a/packages/frontpage/lib/utils.ts b/packages/frontpage/lib/utils.ts
index 03384689..9d605fc0 100644
--- a/packages/frontpage/lib/utils.ts
+++ b/packages/frontpage/lib/utils.ts
@@ -5,6 +5,13 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
+export async function grabTitle(url: string): Promise<string> {
+  url = encodeURI(url);
+  let response = await fetch(`https://cardyb.bsky.app/v1/extract?url=${url}`)
+  let body = await response.json()
+  return body.title
+}
+
 export type Prettify<T> = {
   [K in keyof T]: T[K];
   // eslint-disable-next-line @typescript-eslint/ban-types