diff --git a/src/lib/atproto/settings.ts b/src/lib/atproto/settings.ts
index 1b26ac8..e812e6b 100644
--- a/src/lib/atproto/settings.ts
+++ b/src/lib/atproto/settings.ts
@@ -24,7 +24,8 @@ export const permissions = {
 		'site.standard.document',
 		'xyz.statusphere.status',
 		'community.lexicon.calendar.rsvp',
-		'community.lexicon.calendar.event'
+		'community.lexicon.calendar.event',
+		'app.nearhorizon.actor.pronouns'
 	],
 
 	// what types of authenticated proxied requests you can make to services
diff --git a/src/lib/helper.ts b/src/lib/helper.ts
index a208837..d891902 100644
--- a/src/lib/helper.ts
+++ b/src/lib/helper.ts
@@ -291,6 +291,28 @@ export async function savePage(
 		console.log('updating or adding publication', data.publication);
 	}
 
+	// check if pronouns edited and save
+	if (data.pronounsRecord?.value?.sets?.length) {
+		const existing = data.pronounsRecord.value;
+		const now = new Date().toISOString();
+		const record: Record<string, unknown> = {
+			$type: 'app.nearhorizon.actor.pronouns',
+			sets: existing.sets,
+			displayMode: existing.displayMode ?? 'all',
+			createdAt: existing.createdAt ?? now
+		};
+		if (existing.createdAt) {
+			record.updatedAt = now;
+		}
+		promises.push(
+			putRecord({
+				collection: 'app.nearhorizon.actor.pronouns',
+				rkey: 'self',
+				record
+			})
+		);
+	}
+
 	await Promise.all(promises);
 }
 
diff --git a/src/lib/types.ts b/src/lib/types.ts
index b4dfa50..56394f7 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -27,6 +27,19 @@ export type Item = {
 	page?: string;
 };
 
+export type PronounSet = {
+	forms: string[];
+};
+
+export type PronounsRecord = {
+	value?: {
+		sets?: PronounSet[];
+		displayMode?: string;
+		createdAt?: string;
+		updatedAt?: string;
+	};
+};
+
 export type WebsiteData = {
 	page: string;
 	did: string;
@@ -61,6 +74,8 @@ export type WebsiteData = {
 		};
 	};
 	profile: AppBskyActorDefs.ProfileViewDetailed;
+	pronouns?: string;
+	pronounsRecord?: PronounsRecord;
 
 	additionalData: Record<string, unknown>;
 	updatedAt: number;
diff --git a/src/lib/website/EditableProfile.svelte b/src/lib/website/EditableProfile.svelte
index 80fb369..e725c41 100644
--- a/src/lib/website/EditableProfile.svelte
+++ b/src/lib/website/EditableProfile.svelte
@@ -1,16 +1,32 @@
 <script lang="ts">
-	import type { WebsiteData } from '$lib/types';
+	import type { WebsiteData, PronounSet } from '$lib/types';
 	import { getImage, compressImage, getProfilePosition } from '$lib/helper';
 	import PlainTextEditor from '$lib/components/PlainTextEditor.svelte';
 	import MarkdownTextEditor from '$lib/components/MarkdownTextEditor.svelte';
-	import { Avatar } from '@foxui/core';
+	import { Avatar, Switch, Label } from '@foxui/core';
 	import MadeWithBlento from './MadeWithBlento.svelte';
 
 	let { data = $bindable(), hideBlento = false }: { data: WebsiteData; hideBlento?: boolean } =
 		$props();
 
 	let fileInput: HTMLInputElement;
+	let setsContainer: HTMLDivElement;
 	let isHoveringAvatar = $state(false);
+	let editingPronouns = $state(false);
+	let pronounSets: PronounSet[] = $state(getInitialPronounSets());
+	let displayMode: 'all' | 'firstOnly' = $state(
+		data.pronounsRecord?.value?.displayMode === 'firstOnly' ? 'firstOnly' : 'all'
+	);
+
+	function getInitialPronounSets(): PronounSet[] {
+		if (data.pronounsRecord?.value?.sets?.length) {
+			return structuredClone(data.pronounsRecord.value.sets);
+		}
+		if (data.pronouns) {
+			return [{ forms: data.pronouns.split('/').map((s) => s.trim()) }];
+		}
+		return [{ forms: [''] }];
+	}
 
 	async function handleAvatarChange(event: Event) {
 		const target = event.target as HTMLInputElement;
@@ -47,6 +63,41 @@
 	function onTextUpdate() {
 		data = { ...data };
 	}
+
+	function addSet() {
+		pronounSets = [...pronounSets, { forms: [''] }];
+		requestAnimationFrame(() => {
+			setsContainer?.scrollTo({ top: setsContainer.scrollHeight, behavior: 'smooth' });
+		});
+	}
+
+	function removeSet(index: number) {
+		pronounSets = pronounSets.filter((_, i) => i !== index);
+		updatePronouns();
+	}
+
+	function updateSetInput(index: number, value: string) {
+		pronounSets[index] = { forms: value.split('/').map((s) => s.trim()) };
+		updatePronouns();
+	}
+
+	function updatePronouns() {
+		const validSets = pronounSets.filter((set) => set.forms.some((form) => form.length > 0));
+		if (validSets.length > 0) {
+			const setsToShow = displayMode === 'firstOnly' ? validSets.slice(0, 1) : validSets;
+			data.pronouns = setsToShow.map((set) => set.forms.join('/')).join(' · ');
+			data.pronounsRecord = {
+				value: {
+					sets: validSets,
+					displayMode
+				}
+			};
+		} else {
+			data.pronouns = undefined;
+			data.pronounsRecord = undefined;
+		}
+		data = { ...data };
+	}
 </script>
 
 <div
@@ -134,6 +185,91 @@
 			</div>
 		{/if}
 
+		{#if editingPronouns}
+			<div class="-mt-2 flex flex-col gap-2">
+				<div bind:this={setsContainer} class="flex max-h-48 flex-col gap-2 overflow-y-auto">
+					{#each pronounSets as set, i (i)}
+						<div
+							class={[
+								'flex items-center gap-1',
+								displayMode === 'firstOnly' && i > 0 && 'opacity-40'
+							]}
+						>
+							<input
+								type="text"
+								value={set.forms.join('/')}
+								oninput={(e) => updateSetInput(i, e.currentTarget.value)}
+								placeholder="e.g. she/her"
+								class="bg-base-100 dark:bg-base-800 text-base-600 dark:text-base-300 w-full rounded px-2 py-1 text-sm outline-none"
+							/>
+							{#if pronounSets.length > 1}
+								<button
+									type="button"
+									class="text-base-400 hover:text-red-500 cursor-pointer text-sm transition-colors"
+									onclick={() => removeSet(i)}
+								>
+									&times;
+								</button>
+							{/if}
+						</div>
+					{/each}
+				</div>
+				{#if pronounSets.length > 1}
+					<div class="flex items-center gap-1.5">
+						<Switch
+							checked={displayMode === 'firstOnly'}
+							onCheckedChange={(checked) => {
+								displayMode = checked ? 'firstOnly' : 'all';
+								updatePronouns();
+							}}
+							class="scale-75"
+						/>
+						<Label class="text-base-500 text-xs">show first only</Label>
+					</div>
+				{/if}
+				<div class="flex gap-2">
+					{#if pronounSets.length < 10}
+						<button
+							type="button"
+							class="text-base-500 hover:text-base-300 cursor-pointer text-xs"
+							onclick={addSet}
+						>
+							+ add set
+						</button>
+					{/if}
+					<button
+						type="button"
+						class="text-base-500 hover:text-base-300 cursor-pointer text-xs"
+						onclick={() => (editingPronouns = false)}
+					>
+						preview
+					</button>
+				</div>
+			</div>
+		{:else}
+			<button
+				type="button"
+				class="border-base-500/30 hover:border-base-400 text-base-500 dark:text-base-400 hover:text-base-300 -mt-2 flex cursor-pointer items-center gap-1 rounded border border-dashed px-2 py-0.5 text-left text-sm transition-colors"
+				onclick={() => (editingPronouns = true)}
+			>
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke-width="1.5"
+					stroke="currentColor"
+					class="size-3"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"
+					/>
+				</svg>
+				{data.pronouns || 'add pronouns'}
+			</button>
+		{/if}
+
 		<!-- Editable Description -->
 		<div class="scrollbar -mx-4 grow overflow-x-hidden overflow-y-scroll px-4">
 			{#if data.publication}
diff --git a/src/lib/website/EditableWebsite.svelte b/src/lib/website/EditableWebsite.svelte
index a811cdd..99ef9bb 100644
--- a/src/lib/website/EditableWebsite.svelte
+++ b/src/lib/website/EditableWebsite.svelte
@@ -65,6 +65,9 @@
 	// svelte-ignore state_referenced_locally
 	let savedItemsSnapshot = JSON.stringify(data.cards);
 
+	// svelte-ignore state_referenced_locally
+	let savedPronouns = $state(JSON.stringify(data.pronounsRecord));
+
 	let hasUnsavedChanges = $state(false);
 
 	// Detect card content and publication changes (e.g. sidebar edits)
@@ -75,7 +78,8 @@
 		if (hasUnsavedChanges) return;
 		if (
 			JSON.stringify(items) !== savedItemsSnapshot ||
-			JSON.stringify(data.publication) !== publication
+			JSON.stringify(data.publication) !== publication ||
+			JSON.stringify(data.pronounsRecord) !== savedPronouns
 		) {
 			hasUnsavedChanges = true;
 		}
@@ -226,6 +230,7 @@
 			await savePage(data, items, publication);
 
 			publication = JSON.stringify(data.publication);
+			savedPronouns = JSON.stringify(data.pronounsRecord);
 
 			savedItemsSnapshot = JSON.stringify(items);
 			hasUnsavedChanges = false;
diff --git a/src/lib/website/Profile.svelte b/src/lib/website/Profile.svelte
index 872aaee..94b5765 100644
--- a/src/lib/website/Profile.svelte
+++ b/src/lib/website/Profile.svelte
@@ -61,6 +61,12 @@
 			{getName(data)}
 		</div>
 
+		{#if data.pronouns}
+			<div class="text-base-500 dark:text-base-400 -mt-2 text-sm">
+				{data.pronouns}
+			</div>
+		{/if}
+
 		<div class="scrollbar -mx-4 grow overflow-x-hidden overflow-y-scroll px-4">
 			<div
 				class="text-base-600 dark:text-base-400 prose dark:prose-invert prose-a:text-accent-500 prose-a:no-underline"
diff --git a/src/lib/website/load.ts b/src/lib/website/load.ts
index 3ddd034..c65a075 100644
--- a/src/lib/website/load.ts
+++ b/src/lib/website/load.ts
@@ -2,7 +2,7 @@ import { getDetailedProfile, listRecords, resolveHandle, parseUri, getRecord } f
 import { CardDefinitionsByType } from '$lib/cards';
 import type { CacheService } from '$lib/cache';
 import { createEmptyCard } from '$lib/helper';
-import type { Item, WebsiteData } from '$lib/types';
+import type { Item, PronounsRecord, WebsiteData } from '$lib/types';
 import { error } from '@sveltejs/kit';
 import type { ActorIdentifier, Did } from '@atcute/lexicons';
 
@@ -11,6 +11,23 @@ import { fixAllCollisions, compactItems } from '$lib/layout';
 
 const CURRENT_CACHE_VERSION = 1;
 
+function formatPronouns(
+	record: PronounsRecord | undefined,
+	profile: WebsiteData['profile'] | undefined
+): string | undefined {
+	// nearhorizon.actor.pronouns - https://github.com/skydeval/atproto-pronouns
+	if (record?.value?.sets?.length) {
+		const sets = record.value.sets;
+		const displayMode = record.value.displayMode ?? 'all';
+		const setsToShow = displayMode === 'firstOnly' ? sets.slice(0, 1) : sets;
+		return setsToShow.map((s) => s.forms.join('/')).join(' · ');
+	}
+	// fallback to bsky pronouns
+	const pronouns = (profile as Record<string, unknown>)?.pronouns;
+	if (pronouns && typeof pronouns === 'string') return pronouns;
+	return undefined;
+}
+
 export async function getCache(identifier: ActorIdentifier, page: string, cache?: CacheService) {
 	try {
 		const cachedResult = await cache?.getBlento(identifier);
@@ -66,7 +83,7 @@ export async function loadData(
 		throw error(404);
 	}
 
-	const [cards, mainPublication, pages, profile] = await Promise.all([
+	const [cards, mainPublication, pages, profile, pronounsRecord] = await Promise.all([
 		listRecords({ did, collection: 'app.blento.card', limit: 0 }).catch((e) => {
 			console.error('error getting records for collection app.blento.card', e);
 			return [] as Awaited<ReturnType<typeof listRecords>>;
@@ -83,7 +100,12 @@ export async function loadData(
 			console.error('error getting records for collection app.blento.page');
 			return [] as Awaited<ReturnType<typeof listRecords>>;
 		}),
-		getDetailedProfile({ did })
+		getDetailedProfile({ did }),
+		getRecord({
+			did,
+			collection: 'app.nearhorizon.actor.pronouns',
+			rkey: 'self'
+		}).catch(() => undefined)
 	]);
 
 	const additionalData = await loadAdditionalData(
@@ -102,6 +124,8 @@ export async function loadData(
 		publications: [mainPublication, ...pages].filter((v) => v),
 		additionalData,
 		profile,
+		pronouns: formatPronouns(pronounsRecord, profile),
+		pronounsRecord: pronounsRecord as PronounsRecord | undefined,
 		updatedAt: Date.now(),
 		version: CURRENT_CACHE_VERSION
 	};
@@ -145,13 +169,18 @@ export async function loadCardData(
 		throw error(404);
 	}
 
-	const [cardRecord, profile] = await Promise.all([
+	const [cardRecord, profile, pronounsRecord] = await Promise.all([
 		getRecord({
 			did,
 			collection: 'app.blento.card',
 			rkey
 		}).catch(() => undefined),
-		getDetailedProfile({ did })
+		getDetailedProfile({ did }),
+		getRecord({
+			did,
+			collection: 'app.nearhorizon.actor.pronouns',
+			rkey: 'self'
+		}).catch(() => undefined)
 	]);
 
 	if (!cardRecord?.value) {
@@ -189,6 +218,8 @@ export async function loadCardData(
 			} as WebsiteData['publication']),
 		additionalData,
 		profile,
+		pronouns: formatPronouns(pronounsRecord, profile),
+		pronounsRecord: pronounsRecord as PronounsRecord | undefined,
 		updatedAt: Date.now(),
 		version: CURRENT_CACHE_VERSION
 	};
@@ -220,13 +251,18 @@ export async function loadCardTypeData(
 		throw error(404);
 	}
 
-	const [publication, profile] = await Promise.all([
+	const [publication, profile, pronounsRecord] = await Promise.all([
 		getRecord({
 			did,
 			collection: 'site.standard.publication',
 			rkey: 'blento.self'
 		}).catch(() => undefined),
-		getDetailedProfile({ did })
+		getDetailedProfile({ did }),
+		getRecord({
+			did,
+			collection: 'app.nearhorizon.actor.pronouns',
+			rkey: 'self'
+		}).catch(() => undefined)
 	]);
 
 	const card = createEmptyCard('blento.self');
@@ -260,6 +296,8 @@ export async function loadCardTypeData(
 			} as WebsiteData['publication']),
 		additionalData,
 		profile,
+		pronouns: formatPronouns(pronounsRecord, profile),
+		pronounsRecord: pronounsRecord as PronounsRecord | undefined,
 		updatedAt: Date.now(),
 		version: CURRENT_CACHE_VERSION
 	};