diff --git a/src/lib/VideoCard.svelte b/src/lib/VideoCard.svelte
index 1bdd1f6..2b743ce 100644
--- a/src/lib/VideoCard.svelte
+++ b/src/lib/VideoCard.svelte
@@ -19,15 +19,18 @@
 		resolveHandle,
 		getThumbnailUrl,
 		getPlaylistUrl,
+		getProfile,
 		type VideoRecord
 	} from './api';
 	import { getCardOffsets, seededRandom } from './theme';
 	import WavyBorder from './WavyBorder.svelte';
+	import WavyCircle from './WavyCircle.svelte';
 
 	let { video, onSelect }: { video: VideoRecord; onSelect: (video: VideoRecord) => void } =
 		$props();
 
 	let creatorHandle = $state('');
+	let creatorAvatar = $state('');
 	let thumbnailUrl: string | null = $state(null);
 
 	// Extract rkey from URI for seeding
@@ -53,7 +56,11 @@
 
 	onMount(() => {
 		creatorHandle = video.value.creator;
-		resolveHandle(video.value.creator).then((h) => (creatorHandle = h));
+		resolveHandle(video.value.creator).then((h) => {
+			creatorHandle = h;
+			const handle = h.replace('@', '');
+			getProfile(handle).then((p) => { if (p.avatar) creatorAvatar = p.avatar; }).catch(() => {});
+		});
 		getThumbnailUrl(video).then((url) => (thumbnailUrl = url));
 	});
 
@@ -197,7 +204,14 @@
 		</div>
 		<div class="info">
 			<h3 class="title">{video.value.title}</h3>
-			<a href="/profile/{creatorHandle.replace('@', '')}" class="creator" onclick={(e: MouseEvent) => e.stopPropagation()}>{creatorHandle}</a>
+			<a href="/profile/{creatorHandle.replace('@', '')}" class="creator-row" onclick={(e: MouseEvent) => e.stopPropagation()}>
+				{#if creatorAvatar}
+					<WavyCircle seed={video.value.creator} fill="#FFDEED" strokeColor="#0A182B" strokeWidth={1.2} size={24}>
+						<img src={creatorAvatar} alt="" />
+					</WavyCircle>
+				{/if}
+				<span class="creator-name">{creatorHandle}</span>
+			</a>
 			<p class="date">{formatDate(video.value.createdAt)}</p>
 		</div>
 	</WavyBorder>
@@ -323,9 +337,24 @@
 		overflow: hidden;
 	}
 
-	.creator {
-		display: block;
-		margin: 4px 0 0;
+	.creator-row {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		margin: 6px 0 0;
+		text-decoration: none;
+		transition: transform 0.15s;
+	}
+
+	.creator-row:hover {
+		transform: translateX(2px);
+	}
+
+	.creator-row:hover .creator-name {
+		color: #FF3992;
+	}
+
+	.creator-name {
 		font-family: 'Fang', system-ui, sans-serif;
 		font-size: 0.8rem;
 		color: #0A182B;
@@ -335,10 +364,6 @@
 		transition: color 0.15s;
 	}
 
-	.creator:hover {
-		color: #FF3992;
-	}
-
 	.date {
 		margin: 2px 0 0;
 		font-family: 'Fang', system-ui, sans-serif;
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 483068c..bfdab39 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -135,6 +135,64 @@ export async function listVideos(cursor?: string, pageSize = 9): Promise<{
 	};
 }
 
+/** Fetch videos by a specific creator DID */
+export async function listVideosByCreator(creatorDid: string): Promise<VideoRecord[]> {
+	const query = `
+query GetVideosByCreator($creatorDid: String!) {
+  placeStreamVideo(first: 50, where: { creator: { equalTo: $creatorDid } }) {
+    edges {
+      node {
+        uri
+        cid
+        creator
+        title
+        duration
+        createdAt
+        livestream
+        source {
+          ref
+          size
+          mimeType
+        }
+      }
+    }
+  }
+}`;
+
+	const res = await fetch(VODSLICE_API, {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify({ query, variables: { creatorDid } })
+	});
+
+	if (!res.ok) throw new Error(`Failed to fetch creator videos: ${res.status}`);
+	const json = await res.json();
+	const edges = json.data?.placeStreamVideo?.edges || [];
+
+	return edges.map((edge: VodSliceEdge) => {
+		const n = edge.node;
+		let livestream: { cid: string; uri: string } | undefined;
+		if (typeof n.livestream === 'string') {
+			try { livestream = JSON.parse(n.livestream); } catch { /* ignore */ }
+		} else if (n.livestream && typeof n.livestream === 'object') {
+			livestream = n.livestream as { uri: string; cid: string };
+		}
+		return {
+			uri: n.uri,
+			cid: n.cid || '',
+			value: {
+				$type: COLLECTION,
+				title: n.title,
+				source: { ...n.source, $type: 'place.stream.muxl.defs#archiveBlob' },
+				creator: n.creator,
+				duration: n.duration,
+				createdAt: n.createdAt,
+				livestream
+			}
+		};
+	});
+}
+
 /** Fetch all videos (for deep-link lookup). Uses pagination internally. */
 export async function fetchAllVideos(): Promise<VideoRecord[]> {
 	const all: VideoRecord[] = [];
diff --git a/src/routes/profile/[handle]/+page.svelte b/src/routes/profile/[handle]/+page.svelte
index 2a986cb..1969059 100644
--- a/src/routes/profile/[handle]/+page.svelte
+++ b/src/routes/profile/[handle]/+page.svelte
@@ -1,13 +1,18 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { page } from '$app/stores';
-	import { getProfile, type BskyProfile } from '$lib/api';
+	import { getProfile, listVideosByCreator, getPlaylistUrl, formatDuration, formatDate, type BskyProfile, type VideoRecord } from '$lib/api';
 	import WavyBorder from '$lib/WavyBorder.svelte';
+	import WavyCircle from '$lib/WavyCircle.svelte';
+	import VideoCard from '$lib/VideoCard.svelte';
+	import VideoPlayer from '$lib/VideoPlayer.svelte';
 	import FrogHeader from '$lib/FrogHeader.svelte';
 
 	let profile: BskyProfile | null = $state(null);
+	let videos: VideoRecord[] = $state([]);
 	let loading = $state(true);
 	let error = $state('');
+	let selectedVideo: VideoRecord | null = $state(null);
 
 	let handle = $derived($page.params.handle);
 
@@ -16,11 +21,24 @@
 		error = '';
 		try {
 			profile = await getProfile(handle);
+			// Fetch videos created by this account
+			if (profile?.did) {
+				videos = await listVideosByCreator(profile.did);
+			}
 		} catch (e: any) {
 			error = e.message;
 		}
 		loading = false;
 	});
+
+	function selectVideo(video: VideoRecord) {
+		selectedVideo = video;
+		window.scrollTo({ top: 0, behavior: 'smooth' });
+	}
+
+	function closePlayer() {
+		selectedVideo = null;
+	}
 </script>
 
 <svelte:head>
@@ -28,7 +46,7 @@
 </svelte:head>
 
 <div class="profile-page">
-	<FrogHeader />
+	<FrogHeader onHomeClick={() => { window.location.href = '/'; }} />
 
 	{#if loading}
 		<div class="loading">
@@ -52,9 +70,9 @@
 					<div class="profile-card">
 						{#if profile.avatar}
 							<div class="avatar-wrapper">
-								<WavyBorder seed="profile-avatar" fill="#FFDEED" strokeColor="#0A182B" strokeWidth={1.5} padding={4}>
-									<img src={profile.avatar} alt={profile.displayName || profile.handle} class="avatar" />
-								</WavyBorder>
+								<WavyCircle seed={profile.did} fill="#FFDEED" strokeColor="#0A182B" strokeWidth={1.5} size={100}>
+									<img src={profile.avatar} alt={profile.displayName || profile.handle} />
+								</WavyCircle>
 							</div>
 						{/if}
 
@@ -93,6 +111,35 @@
 				</WavyBorder>
 			</div>
 		</div>
+
+		<!-- Selected video player -->
+		{#if selectedVideo}
+			<section class="player-section">
+				<VideoPlayer src={getPlaylistUrl(selectedVideo.uri)} />
+				<div class="player-info">
+					<WavyBorder seed="profile-player-info" fill="#39FF44" strokeColor="#0A182B" strokeWidth={1.8} padding={48}>
+						<h2 class="player-title">{selectedVideo.value.title}</h2>
+						<p class="player-meta">
+							{formatDate(selectedVideo.value.createdAt)}
+							<span class="dot">·</span>
+							{formatDuration(selectedVideo.value.duration)}
+						</p>
+					</WavyBorder>
+				</div>
+			</section>
+		{/if}
+
+		<!-- Videos by this creator -->
+		{#if videos.length > 0}
+			<h2 class="videos-heading">videos</h2>
+			<section class="grid">
+				{#each videos as video (video.uri)}
+					<VideoCard {video} onSelect={selectVideo} />
+				{/each}
+			</section>
+		{:else}
+			<p class="no-videos">no videos found for this creator</p>
+		{/if}
 	{/if}
 
 	<div class="back-link">
@@ -102,9 +149,9 @@
 
 <style>
 	.profile-page {
-		max-width: 800px;
+		max-width: 1300px;
 		margin: 0 auto;
-		padding: 0 clamp(24px, 7vw, 80px) 60px;
+		padding: 0 clamp(24px, 7vw, 120px) 60px;
 	}
 
 	.loading {
@@ -166,18 +213,9 @@
 	}
 
 	.avatar-wrapper {
-		width: clamp(80px, 15vw, 120px);
 		margin-bottom: 8px;
 	}
 
-	.avatar {
-		width: 100%;
-		display: block;
-		aspect-ratio: 1;
-		object-fit: cover;
-		border-radius: 0;
-	}
-
 	.display-name {
 		font-family: 'PicNic', cursive, system-ui;
 		font-size: clamp(1.8rem, 4vw, 2.8rem);
@@ -243,6 +281,59 @@
 		color: #FF3992;
 	}
 
+	/* Video player section */
+	.player-section {
+		margin: 30px 0;
+	}
+
+	.player-info {
+		padding: 20px 4px;
+	}
+
+	.player-title {
+		margin: 0;
+		font-family: 'PicNic', cursive, system-ui;
+		font-size: clamp(1.4rem, 3vw, 2rem);
+		color: #0A182B;
+	}
+
+	.player-meta {
+		margin: 6px 0 0;
+		font-family: 'Fang', system-ui, sans-serif;
+		color: #0A182B;
+		opacity: 0.7;
+		font-size: 0.85rem;
+	}
+
+	.dot {
+		margin: 0 4px;
+		opacity: 0.4;
+	}
+
+	/* Videos grid */
+	.videos-heading {
+		font-family: 'PicNic', cursive, system-ui;
+		font-size: clamp(1.5rem, 3vw, 2rem);
+		color: #0A182B;
+		margin: 30px 0 10px;
+	}
+
+	.grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
+		gap: clamp(32px, 5vw, 50px);
+		padding: 20px clamp(16px, 3vw, 24px);
+	}
+
+	.no-videos {
+		font-family: 'PicNic', cursive, system-ui;
+		font-size: 1.1rem;
+		color: #0A182B;
+		opacity: 0.6;
+		text-align: center;
+		padding: 40px;
+	}
+
 	.back-link {
 		text-align: center;
 		padding: 30px;