From eb417eafcf6a7620423c193feb9220d0b6ed89c6 Mon Sep 17 00:00:00 2001
From: Tommy Lundy <tommerty@doras.to>
Date: Tue, 28 Oct 2025 14:32:51 +0000
Subject: [PATCH 1/4] feat: Organize clipboard examples and update component
 imports in blocks

---
 src/content/README.md                         | 121 ++++++++++++++++++
 src/content/blocks-components.tsx             |  13 +-
 src/content/blocks-metadata.ts                |   2 +-
 src/content/clipboard/docs.mdx                |  14 ++
 src/content/clipboard/examples/example-01.tsx | 110 ++++++++++++++++
 src/content/clipboard/examples/example-02.tsx |  33 +++++
 src/content/clipboard/examples/example-03.tsx |  11 ++
 src/content/components/clipboard-01.tsx       |   4 +-
 src/lib/code-loader.ts                        |  22 +++-
 9 files changed, 315 insertions(+), 15 deletions(-)
 create mode 100644 src/content/README.md
 create mode 100644 src/content/clipboard/docs.mdx
 create mode 100644 src/content/clipboard/examples/example-01.tsx
 create mode 100644 src/content/clipboard/examples/example-02.tsx
 create mode 100644 src/content/clipboard/examples/example-03.tsx

diff --git a/src/content/README.md b/src/content/README.md
new file mode 100644
index 0000000..5ad3267
--- /dev/null
+++ b/src/content/README.md
@@ -0,0 +1,121 @@
+# Content Structure
+
+This directory contains all the blocks/components showcased in the UI library.
+
+## Structure
+
+```
+src/content/
+├── blocks-metadata.ts       # Central metadata for ALL blocks
+├── blocks-components.tsx    # Central component registry mapping IDs to components
+├── clipboard/               # Example: Clipboard block
+│   ├── examples/
+│   │   ├── example-01.tsx   # First example variant
+│   │   ├── example-02.tsx   # Second example variant
+│   │   └── example-03.tsx   # Third example variant
+│   └── docs.mdx             # Documentation for the clipboard block
+└── [block-name]/            # Future blocks follow the same pattern
+    ├── examples/
+    │   └── example-01.tsx
+    └── docs.mdx
+```
+
+## Adding a New Block
+
+To add a new block (e.g., "sidebar"):
+
+### 1. Create the block folder structure
+
+```bash
+mkdir -p src/content/sidebar/examples
+```
+
+### 2. Add example components
+
+Create `src/content/sidebar/examples/example-01.tsx`:
+
+```tsx
+"use client";
+
+export default function SidebarExample01() {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      {/* Your example component */}
+    </div>
+  );
+}
+```
+
+### 3. Add documentation (optional)
+
+Create `src/content/sidebar/docs.mdx`:
+
+```mdx
+import { CodeBlock } from "/src/components/ui/code-block.tsx"
+import { Label } from "/src/components/ui/label.tsx"
+
+<div className="flex flex-col gap-3 w-full">
+<Label className="text-3xl font-bold">Features</Label>
+</div>
+
+- ✅ Feature 1
+- ✅ Feature 2
+
+<div className="flex flex-col gap-3 w-full">
+<Label className="text-3xl font-bold">Usage</Label>
+<CodeBlock code={\`<Sidebar />\`} />
+</div>
+```
+
+### 4. Register in blocks-metadata.ts
+
+Add your block metadata to the `blocksMetadata` array:
+
+```typescript
+{
+  id: "sidebar",
+  category: categoryIds.Sidebar, // Add to categoryIds first
+  name: "Sidebar",
+  description: "A collapsible sidebar component",
+  icon: IconSidebar,
+  hasDocs: true,
+  examples: [
+    {
+      id: "sidebar-01",
+      name: "Basic",
+      description: "A basic sidebar example",
+    },
+  ],
+  props: [
+    // Add prop definitions here
+  ],
+}
+```
+
+### 5. Register in blocks-components.tsx
+
+Import and register your examples:
+
+```typescript
+import SidebarExample01 from "./sidebar/examples/example-01";
+
+export const blocksComponents: Record<string, React.ComponentType> = {
+  "clipboard-01": ClipboardExample01,
+  "sidebar-01": SidebarExample01, // Add this
+};
+```
+
+## Naming Conventions
+
+- **Block ID**: Use kebab-case (e.g., `clipboard`, `sidebar`)
+- **Example ID**: Use `{blockId}-{number}` (e.g., `clipboard-01`, `sidebar-02`)
+- **Example files**: Use `example-{number}.tsx` (e.g., `example-01.tsx`)
+- **Component names**: Use PascalCase with block name (e.g., `ClipboardExample01`)
+
+## File Loading
+
+The system automatically loads:
+- **Examples**: From `/src/content/{blockId}/examples/example-{number}.tsx`
+- **Docs**: From `/src/content/{blockId}/docs.mdx`
+
+This is handled by `/src/lib/code-loader.ts`.
diff --git a/src/content/blocks-components.tsx b/src/content/blocks-components.tsx
index 26c2d63..377987f 100644
--- a/src/content/blocks-components.tsx
+++ b/src/content/blocks-components.tsx
@@ -1,7 +1,10 @@
-import * as components from "./components";
+// Import examples from organized block folders
+import ClipboardExample01 from "./clipboard/examples/example-01";
+import ClipboardExample02 from "./clipboard/examples/example-02";
+import ClipboardExample03 from "./clipboard/examples/example-03";
 
-export const blocksComponents: Record<string, React.ComponentType<any>> = {
-	"clipboard-01": components.Clipboard01,
-	"clipboard-02": components.Clipboard02,
-	"clipboard-03": components.Clipboard03,
+export const blocksComponents: Record<string, React.ComponentType> = {
+	"clipboard-01": ClipboardExample01,
+	"clipboard-02": ClipboardExample02,
+	"clipboard-03": ClipboardExample03,
 };
diff --git a/src/content/blocks-metadata.ts b/src/content/blocks-metadata.ts
index 1f82591..7d678a2 100644
--- a/src/content/blocks-metadata.ts
+++ b/src/content/blocks-metadata.ts
@@ -34,7 +34,7 @@ export interface BlockMetadata {
 	image?: string;
 	icon?: React.ComponentType<{ size?: number | string; className?: string }>;
 	examples: BlockExample[];
-	/** Optional: If true, will attempt to load /src/content/docs/{id}.mdx for detailed documentation */
+	/** Optional: If true, will attempt to load /src/content/{id}/docs.mdx for detailed documentation */
 	hasDocs?: boolean;
 	/** Optional: API props documentation */
 	props?: PropDefinition[];
diff --git a/src/content/clipboard/docs.mdx b/src/content/clipboard/docs.mdx
new file mode 100644
index 0000000..69162e3
--- /dev/null
+++ b/src/content/clipboard/docs.mdx
@@ -0,0 +1,14 @@
+import { CodeBlock } from "/src/components/ui/code-block.tsx"
+import { Label } from "/src/components/ui/label.tsx"
+
+<div className="flex flex-col gap-3 w-full">
+<Label className="text-3xl font-bold">Features</Label>
+</div>
+
+- ✅ Visual feedback with icon transitions
+- ✅ Customizable appearance and behavior
+- ✅ Tooltip support
+- ✅ Error handling callbacks
+<div className="flex flex-col gap-3 w-full">
+<Label className="text-3xl font-bold">Usage</Label>
+<CodeBlock className="bg-card!" code={`<Clipboard textToCopy={"some string"}/>`} /></div>
diff --git a/src/content/clipboard/examples/example-01.tsx b/src/content/clipboard/examples/example-01.tsx
new file mode 100644
index 0000000..5187105
--- /dev/null
+++ b/src/content/clipboard/examples/example-01.tsx
@@ -0,0 +1,110 @@
+"use client";
+
+import Clipboard from "@@/registry/clipboard/clipboard";
+import { IconBrandNpm, IconBrandPnpm } from "@tabler/icons-react";
+import { ChevronDownIcon } from "lucide-react";
+import { useState } from "react";
+import BunIcon from "@/components/icons/bun";
+import {
+	DropdownMenu,
+	DropdownMenuContent,
+	DropdownMenuItem,
+	DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { useIsMobile } from "@/hooks/use-mobile";
+
+export default function ClipboardDemo01() {
+	const installSnippet = {
+		npm: `npx shadcn@latest add`,
+		pnpm: `pnpm dlx shadcn@latest add`,
+		bun: `bunx --bun shadcn@latest add`,
+	};
+	const [activeInstallTab, setActiveInstallTab] = useState<string>("npm");
+	const isMobile = useIsMobile();
+
+	const packageManagers = [
+		{ value: "npm", label: "npm", icon: <IconBrandNpm /> },
+		{ value: "pnpm", label: "pnpm", icon: <IconBrandPnpm /> },
+		{ value: "bun", label: "bun", icon: <BunIcon stroke="currentColor" /> },
+	];
+
+	const activePackageManager = packageManagers.find(
+		(pm) => pm.value === activeInstallTab,
+	);
+
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<Tabs
+				value={activeInstallTab}
+				className="gap-0 bg-card rounded-lg w-full"
+				onValueChange={(value) => setActiveInstallTab(value)}
+			>
+				<div className="flex items-center pt-2 px-2">
+					{isMobile ? (
+						<DropdownMenu>
+							<DropdownMenuTrigger className="flex items-center gap-2 rounded-md bg-muted px-3 py-1.5 text-sm">
+								{activePackageManager?.icon}
+								{activePackageManager?.label}
+								<ChevronDownIcon className="size-4" />
+							</DropdownMenuTrigger>
+							<DropdownMenuContent align="start">
+								{packageManagers.map((pm) => (
+									<DropdownMenuItem
+										key={pm.value}
+										onClick={() => setActiveInstallTab(pm.value)}
+										className="gap-2"
+									>
+										{pm.icon}
+										{pm.label}
+									</DropdownMenuItem>
+								))}
+							</DropdownMenuContent>
+						</DropdownMenu>
+					) : (
+						<TabsList>
+							<TabsTrigger value="npm">
+								<IconBrandNpm />
+								npm
+							</TabsTrigger>
+							<TabsTrigger value="pnpm">
+								<IconBrandPnpm />
+								pnpm
+							</TabsTrigger>
+							<TabsTrigger value="bun">
+								<BunIcon stroke="currentColor" />
+								bun
+							</TabsTrigger>
+						</TabsList>
+					)}
+					<Clipboard
+						textToCopy={
+							installSnippet[activeInstallTab as keyof typeof installSnippet]
+						}
+						className="ml-auto rounded h-7 w-7 bg-secondary hover:bg-secondary/80"
+					/>
+				</div>
+				<div className="">
+					<TabsContent
+						value="npm"
+						className="text-muted-foreground rounded-lg p-3"
+					>
+						<code>{installSnippet.npm}</code>
+					</TabsContent>
+					<TabsContent
+						value="pnpm"
+						className="text-muted-foreground rounded-lg p-3"
+					>
+						<code>{installSnippet.pnpm}</code>
+					</TabsContent>
+					<TabsContent
+						value="bun"
+						className="text-muted-foreground rounded-lg p-3"
+					>
+						<code>{installSnippet.bun}</code>
+					</TabsContent>
+				</div>
+			</Tabs>
+		</div>
+	);
+}
diff --git a/src/content/clipboard/examples/example-02.tsx b/src/content/clipboard/examples/example-02.tsx
new file mode 100644
index 0000000..868d769
--- /dev/null
+++ b/src/content/clipboard/examples/example-02.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import Clipboard from "@@/registry/clipboard/clipboard";
+import { IconCheck, IconCopy } from "@tabler/icons-react";
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+
+export default function ClipboardDemo02() {
+	const [copied, setCopied] = useState(false);
+
+	const handleCopy = () => {
+		setCopied(true);
+		setTimeout(() => setCopied(false), 1500);
+	};
+
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<div className="flex items-center justify-between rounded-md border bg-muted/50 px-3 py-2 gap-9">
+				<div className="space-y-0.5">
+					<p className="text-xs font-medium">Email</p>
+					<p className="text-xs font-mono text-muted-foreground">
+						me@example.com
+					</p>
+				</div>
+				<Clipboard textToCopy={"me@example.com"} onCopy={handleCopy}>
+					<Button variant={copied ? "default" : "outline"} size={"icon-lg"}>
+						{copied ? <IconCheck /> : <IconCopy />}
+					</Button>
+				</Clipboard>
+			</div>
+		</div>
+	);
+}
diff --git a/src/content/clipboard/examples/example-03.tsx b/src/content/clipboard/examples/example-03.tsx
new file mode 100644
index 0000000..2a1d575
--- /dev/null
+++ b/src/content/clipboard/examples/example-03.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import Clipboard from "@@/registry/clipboard/clipboard";
+
+export default function ClipboardDemo03() {
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<Clipboard textToCopy={"Text to copy"} />
+		</div>
+	);
+}
diff --git a/src/content/components/clipboard-01.tsx b/src/content/components/clipboard-01.tsx
index 6c077b1..5187105 100644
--- a/src/content/components/clipboard-01.tsx
+++ b/src/content/components/clipboard-01.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import SimpleClipboard from "@@/registry/clipboard/clipboard";
+import Clipboard from "@@/registry/clipboard/clipboard";
 import { IconBrandNpm, IconBrandPnpm } from "@tabler/icons-react";
 import { ChevronDownIcon } from "lucide-react";
 import { useState } from "react";
@@ -77,7 +77,7 @@ export default function ClipboardDemo01() {
 							</TabsTrigger>
 						</TabsList>
 					)}
-					<SimpleClipboard
+					<Clipboard
 						textToCopy={
 							installSnippet[activeInstallTab as keyof typeof installSnippet]
 						}
diff --git a/src/lib/code-loader.ts b/src/lib/code-loader.ts
index 03facd4..7e548ec 100644
--- a/src/lib/code-loader.ts
+++ b/src/lib/code-loader.ts
@@ -3,14 +3,14 @@
  * Uses Vite's import.meta.glob to load raw source files
  */
 
-// Load all example component files as raw strings
-const modules = import.meta.glob("/src/content/components/*.tsx", {
+// Load all example component files as raw strings from the new organized structure
+const modules = import.meta.glob("/src/content/*/examples/*.tsx", {
 	query: "?raw",
 	import: "default",
 });
 
-// Load all MDX documentation files
-export const mdxModules = import.meta.glob("/src/content/docs/**/*.mdx", {
+// Load all MDX documentation files from block folders
+export const mdxModules = import.meta.glob("/src/content/*/docs.mdx", {
 	import: "default",
 });
 
@@ -22,11 +22,19 @@ export const mdxModules = import.meta.glob("/src/content/docs/**/*.mdx", {
 export async function getExampleCode(
 	exampleId: string,
 ): Promise<string | null> {
-	const path = `/src/content/components/${exampleId}.tsx`;
+	// Extract block name and example number from ID (e.g., "clipboard-01" -> "clipboard", "01")
+	const match = exampleId.match(/^(.+)-(\d+)$/);
+	if (!match) {
+		console.warn(`Invalid example ID format: ${exampleId}`);
+		return null;
+	}
+
+	const [, blockName, exampleNum] = match;
+	const path = `/src/content/${blockName}/examples/example-${exampleNum}.tsx`;
 	const loader = modules[path];
 
 	if (!loader) {
-		console.warn(`No code found for example: ${exampleId}`);
+		console.warn(`No code found for example: ${exampleId} at path: ${path}`);
 		return null;
 	}
 
@@ -47,7 +55,7 @@ export async function getExampleCode(
 export async function getBlockDocs(
 	blockId: string,
 ): Promise<React.ComponentType | null> {
-	const path = `/src/content/docs/${blockId}.mdx`;
+	const path = `/src/content/${blockId}/docs.mdx`;
 	const loader = mdxModules[path];
 
 	if (!loader) {

From 0c95ce5cd15a7460c075171970e0d9b2aeafd784 Mon Sep 17 00:00:00 2001
From: Tommy Lundy <tommerty@doras.to>
Date: Tue, 28 Oct 2025 15:00:58 +0000
Subject: [PATCH 2/4] Refactor clipboard examples and components

- Consolidated clipboard examples into a single examples.tsx file.
- Removed individual example files (example-01.tsx, example-02.tsx, example-03.tsx).
- Updated code loader to handle new examples structure.
- Removed unused clipboard components and sidebar examples.
- Added quick start guide for adding new blocks.
- Updated documentation for clipboard features and usage.
---
 src/content/QUICKSTART.md                     |  66 +++++
 src/content/README.md                         | 154 +++++++----
 src/content/blocks-components.tsx             |  65 ++++-
 .../{examples/example-01.tsx => examples.tsx} |  48 +++-
 src/content/clipboard/examples/example-02.tsx |  33 ---
 src/content/clipboard/examples/example-03.tsx |  11 -
 src/content/components/clipboard-01.tsx       | 110 --------
 src/content/components/clipboard-02.tsx       |  33 ---
 src/content/components/clipboard-03.tsx       |  10 -
 src/content/components/index.ts               |   3 -
 src/content/components/sidebar-example.tsx    | 261 ------------------
 src/content/components/sidebar-multiple.tsx   | 260 -----------------
 src/content/components/sidebar-simple.tsx     | 204 --------------
 src/content/docs/clipboard.mdx                |  14 -
 src/lib/code-loader.ts                        |  35 ++-
 15 files changed, 289 insertions(+), 1018 deletions(-)
 create mode 100644 src/content/QUICKSTART.md
 rename src/content/clipboard/{examples/example-01.tsx => examples.tsx} (71%)
 delete mode 100644 src/content/clipboard/examples/example-02.tsx
 delete mode 100644 src/content/clipboard/examples/example-03.tsx
 delete mode 100644 src/content/components/clipboard-01.tsx
 delete mode 100644 src/content/components/clipboard-02.tsx
 delete mode 100644 src/content/components/clipboard-03.tsx
 delete mode 100644 src/content/components/index.ts
 delete mode 100644 src/content/components/sidebar-example.tsx
 delete mode 100644 src/content/components/sidebar-multiple.tsx
 delete mode 100644 src/content/components/sidebar-simple.tsx
 delete mode 100644 src/content/docs/clipboard.mdx

diff --git a/src/content/QUICKSTART.md b/src/content/QUICKSTART.md
new file mode 100644
index 0000000..6298848
--- /dev/null
+++ b/src/content/QUICKSTART.md
@@ -0,0 +1,66 @@
+# Quick Start: Adding a New Block
+
+This is the **TL;DR** version. See [README.md](./README.md) for full documentation.
+
+## 3-Step Process
+
+### 1. Add to `blocks-metadata.ts`
+
+```typescript
+{
+  id: "my-component",
+  category: categoryIds.MyCategory,
+  name: "My Component",
+  description: "What it does",
+  icon: IconComponent,
+  hasDocs: true,
+  examples: [
+    { id: "my-component-01", name: "Basic", description: "Basic usage" },
+    { id: "my-component-02", name: "Advanced", description: "Advanced usage" },
+  ],
+  props: [
+    { name: "prop1", type: "string", description: "Does X", required: true },
+  ],
+}
+```
+
+### 2. Create `my-component/examples.tsx`
+
+```tsx
+"use client";
+
+export function Example01() {
+  return <div>Basic example</div>;
+}
+
+export function Example02() {
+  return <div>Advanced example</div>;
+}
+```
+
+### 3. (Optional) Create `my-component/docs.mdx`
+
+```mdx
+## Features
+- Feature 1
+- Feature 2
+```
+
+## That's It!
+
+The system **automatically**:
+- Maps example IDs to components
+- Loads and displays examples
+- Shows documentation
+- Generates code snippets
+
+## File Structure
+
+```
+src/content/
+├── blocks-metadata.ts          ← Edit this
+├── blocks-components.tsx       ← Auto-generated (don't edit)
+└── my-component/
+    ├── examples.tsx            ← Create this
+    └── docs.mdx                ← Optional
+```
diff --git a/src/content/README.md b/src/content/README.md
index 5ad3267..f7b04f2 100644
--- a/src/content/README.md
+++ b/src/content/README.md
@@ -6,41 +6,91 @@ This directory contains all the blocks/components showcased in the UI library.
 
 ```
 src/content/
-├── blocks-metadata.ts       # Central metadata for ALL blocks
-├── blocks-components.tsx    # Central component registry mapping IDs to components
+├── blocks-metadata.ts       # Central metadata for ALL blocks (single source of truth)
+├── blocks-components.tsx    # Auto-generates component mappings from metadata
 ├── clipboard/               # Example: Clipboard block
-│   ├── examples/
-│   │   ├── example-01.tsx   # First example variant
-│   │   ├── example-02.tsx   # Second example variant
-│   │   └── example-03.tsx   # Third example variant
+│   ├── examples.tsx         # All examples in ONE file (Example01, Example02, etc.)
 │   └── docs.mdx             # Documentation for the clipboard block
 └── [block-name]/            # Future blocks follow the same pattern
-    ├── examples/
-    │   └── example-01.tsx
-    └── docs.mdx
+    ├── examples.tsx         # All examples as named exports
+    └── docs.mdx             # Optional documentation
 ```
 
+## Key Features
+
+- ✅ **Single source of truth**: All metadata in `blocks-metadata.ts`
+- ✅ **Auto-discovery**: No manual component registration needed
+- ✅ **Consolidated examples**: All examples in one file per block
+- ✅ **Convention-based**: Follows predictable naming patterns
+
 ## Adding a New Block
 
-To add a new block (e.g., "sidebar"):
+To add a new block (e.g., "sidebar"), you only need to edit **2-3 files**:
 
-### 1. Create the block folder structure
+### 1. Add metadata to blocks-metadata.ts
 
-```bash
-mkdir -p src/content/sidebar/examples
+Add your block to the `blocksMetadata` array:
+
+```typescript
+// First, add category if needed
+export const categoryIds = {
+  Clipboard: "clipboard",
+  Sidebar: "sidebar", // Add this
+} as const;
+
+// Then add block metadata
+{
+  id: "sidebar",
+  category: categoryIds.Sidebar,
+  name: "Sidebar",
+  description: "A collapsible sidebar component",
+  icon: IconSidebar,
+  hasDocs: true,
+  examples: [
+    {
+      id: "sidebar-01",
+      name: "Basic",
+      description: "A basic sidebar example",
+    },
+    {
+      id: "sidebar-02",
+      name: "With navigation",
+      description: "Sidebar with navigation items",
+    },
+  ],
+  props: [
+    {
+      name: "open",
+      type: "boolean",
+      defaultValue: "true",
+      description: "Whether the sidebar is open",
+    },
+    // Add more props...
+  ],
+}
 ```
 
-### 2. Add example components
+### 2. Create examples file
 
-Create `src/content/sidebar/examples/example-01.tsx`:
+Create `src/content/sidebar/examples.tsx` with all examples as named exports:
 
 ```tsx
 "use client";
 
-export default function SidebarExample01() {
+// Example 01: Basic sidebar
+export function Example01() {
+  return (
+    <div className="flex min-h-screen items-center justify-center p-6">
+      {/* Your first example */}
+    </div>
+  );
+}
+
+// Example 02: Sidebar with navigation
+export function Example02() {
   return (
     <div className="flex min-h-screen items-center justify-center p-6">
-      {/* Your example component */}
+      {/* Your second example */}
     </div>
   );
 }
@@ -67,55 +117,41 @@ import { Label } from "/src/components/ui/label.tsx"
 </div>
 ```
 
-### 4. Register in blocks-metadata.ts
-
-Add your block metadata to the `blocksMetadata` array:
+**That's it!** The system automatically:
+- Discovers your examples from `{blockId}/examples.tsx`
+- Maps example IDs to exported functions (Example01, Example02, etc.)
+- Loads documentation from `{blockId}/docs.mdx`
 
-```typescript
-{
-  id: "sidebar",
-  category: categoryIds.Sidebar, // Add to categoryIds first
-  name: "Sidebar",
-  description: "A collapsible sidebar component",
-  icon: IconSidebar,
-  hasDocs: true,
-  examples: [
-    {
-      id: "sidebar-01",
-      name: "Basic",
-      description: "A basic sidebar example",
-    },
-  ],
-  props: [
-    // Add prop definitions here
-  ],
-}
-```
+## Naming Conventions
 
-### 5. Register in blocks-components.tsx
+- **Block ID**: Use kebab-case (e.g., `clipboard`, `sidebar`)
+- **Example ID**: Format as `{blockId}-{number}` (e.g., `clipboard-01`, `sidebar-02`)
+- **Example exports**: Use `Example{number}` (e.g., `Example01`, `Example02`)
+- **File names**: 
+  - Examples: `examples.tsx`
+  - Documentation: `docs.mdx`
 
-Import and register your examples:
+## How It Works
 
-```typescript
-import SidebarExample01 from "./sidebar/examples/example-01";
+### Auto-Discovery System
 
-export const blocksComponents: Record<string, React.ComponentType> = {
-  "clipboard-01": ClipboardExample01,
-  "sidebar-01": SidebarExample01, // Add this
-};
-```
+`blocks-components.tsx` uses Vite's `import.meta.glob` to:
+1. Load all `*/examples.tsx` files
+2. Read `blocks-metadata.ts` for example definitions
+3. Automatically map example IDs to exported components
 
-## Naming Conventions
+Example: For `clipboard-01`, it loads `clipboard/examples.tsx` and finds `Example01`.
 
-- **Block ID**: Use kebab-case (e.g., `clipboard`, `sidebar`)
-- **Example ID**: Use `{blockId}-{number}` (e.g., `clipboard-01`, `sidebar-02`)
-- **Example files**: Use `example-{number}.tsx` (e.g., `example-01.tsx`)
-- **Component names**: Use PascalCase with block name (e.g., `ClipboardExample01`)
+### Code Loading
 
-## File Loading
+`code-loader.ts` handles:
+- **Examples**: Loads from `/src/content/{blockId}/examples.tsx` and extracts specific example functions
+- **Docs**: Loads from `/src/content/{blockId}/docs.mdx`
 
-The system automatically loads:
-- **Examples**: From `/src/content/{blockId}/examples/example-{number}.tsx`
-- **Docs**: From `/src/content/{blockId}/docs.mdx`
+## Benefits of This Structure
 
-This is handled by `/src/lib/code-loader.ts`.
+1. **Minimal files**: Only 2-3 files per block
+2. **No manual registration**: Auto-discovery handles component mapping
+3. **Easy to maintain**: All examples for a block in one place
+4. **Single source of truth**: Metadata drives everything
+5. **Scalable**: Add new blocks without touching multiple files
diff --git a/src/content/blocks-components.tsx b/src/content/blocks-components.tsx
index 377987f..9c73e58 100644
--- a/src/content/blocks-components.tsx
+++ b/src/content/blocks-components.tsx
@@ -1,10 +1,55 @@
-// Import examples from organized block folders
-import ClipboardExample01 from "./clipboard/examples/example-01";
-import ClipboardExample02 from "./clipboard/examples/example-02";
-import ClipboardExample03 from "./clipboard/examples/example-03";
-
-export const blocksComponents: Record<string, React.ComponentType> = {
-	"clipboard-01": ClipboardExample01,
-	"clipboard-02": ClipboardExample02,
-	"clipboard-03": ClipboardExample03,
-};
+/**
+ * Auto-discovery system for block examples
+ * Dynamically loads examples from {block}/examples.tsx based on blocks-metadata
+ */
+import { blocksMetadata } from "./blocks-metadata";
+
+// Dynamically import all examples.tsx files from block folders
+const examplesModules = import.meta.glob<Record<string, React.ComponentType>>(
+	"./*/examples.tsx",
+	{ eager: true },
+);
+
+/**
+ * Automatically generate the component mapping based on blocks metadata
+ * Convention: {blockId}/examples.tsx exports Example01, Example02, etc.
+ */
+function generateBlocksComponents(): Record<string, React.ComponentType> {
+	const components: Record<string, React.ComponentType> = {};
+
+	for (const block of blocksMetadata) {
+		const modulePath = `./${block.id}/examples.tsx`;
+		const module = examplesModules[modulePath];
+
+		if (!module) {
+			console.warn(`No examples module found for block: ${block.id}`);
+			continue;
+		}
+
+		// Map each example from metadata to its corresponding exported component
+		for (const example of block.examples) {
+			// Extract example number from ID (e.g., "clipboard-01" -> "01")
+			const match = example.id.match(/-(\d+)$/);
+			if (!match) {
+				console.warn(`Invalid example ID format: ${example.id}`);
+				continue;
+			}
+
+			const exampleNum = match[1];
+			const exportName = `Example${exampleNum}`;
+			const component = module[exportName];
+
+			if (component) {
+				components[example.id] = component;
+			} else {
+				console.warn(
+					`Component ${exportName} not found in ${modulePath} for example ${example.id}`,
+				);
+			}
+		}
+	}
+
+	return components;
+}
+
+export const blocksComponents = generateBlocksComponents();
diff --git a/src/content/clipboard/examples/example-01.tsx b/src/content/clipboard/examples.tsx
similarity index 71%
rename from src/content/clipboard/examples/example-01.tsx
rename to src/content/clipboard/examples.tsx
index 5187105..b4ccbb5 100644
--- a/src/content/clipboard/examples/example-01.tsx
+++ b/src/content/clipboard/examples.tsx
@@ -1,10 +1,16 @@
 "use client";
 
 import Clipboard from "@@/registry/clipboard/clipboard";
-import { IconBrandNpm, IconBrandPnpm } from "@tabler/icons-react";
+import {
+	IconBrandNpm,
+	IconBrandPnpm,
+	IconCheck,
+	IconCopy,
+} from "@tabler/icons-react";
 import { ChevronDownIcon } from "lucide-react";
 import { useState } from "react";
 import BunIcon from "@/components/icons/bun";
+import { Button } from "@/components/ui/button";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
@@ -14,7 +20,8 @@ import {
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { useIsMobile } from "@/hooks/use-mobile";
 
-export default function ClipboardDemo01() {
+// Example 01: Tabs with code copy
+export function Example01() {
 	const installSnippet = {
 		npm: `npx shadcn@latest add`,
 		pnpm: `pnpm dlx shadcn@latest add`,
@@ -108,3 +115,40 @@ export default function ClipboardDemo01() {
 		</div>
 	);
 }
+
+// Example 02: Custom button with clipboard
+export function Example02() {
+	const [copied, setCopied] = useState(false);
+
+	const handleCopy = () => {
+		setCopied(true);
+		setTimeout(() => setCopied(false), 1500);
+	};
+
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<div className="flex items-center justify-between rounded-md border bg-muted/50 px-3 py-2 gap-9">
+				<div className="space-y-0.5">
+					<p className="text-xs font-medium">Email</p>
+					<p className="text-xs font-mono text-muted-foreground">
+						me@example.com
+					</p>
+				</div>
+				<Clipboard textToCopy={"me@example.com"} onCopy={handleCopy}>
+					<Button variant={copied ? "default" : "outline"} size={"icon-lg"}>
+						{copied ? <IconCheck /> : <IconCopy />}
+					</Button>
+				</Clipboard>
+			</div>
+		</div>
+	);
+}
+
+// Example 03: Simple clipboard
+export function Example03() {
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<Clipboard textToCopy={"Text to copy"} />
+		</div>
+	);
+}
diff --git a/src/content/clipboard/examples/example-02.tsx b/src/content/clipboard/examples/example-02.tsx
deleted file mode 100644
index 868d769..0000000
--- a/src/content/clipboard/examples/example-02.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import Clipboard from "@@/registry/clipboard/clipboard";
-import { IconCheck, IconCopy } from "@tabler/icons-react";
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-
-export default function ClipboardDemo02() {
-	const [copied, setCopied] = useState(false);
-
-	const handleCopy = () => {
-		setCopied(true);
-		setTimeout(() => setCopied(false), 1500);
-	};
-
-	return (
-		<div className="flex min-h-screen items-center justify-center p-6">
-			<div className="flex items-center justify-between rounded-md border bg-muted/50 px-3 py-2 gap-9">
-				<div className="space-y-0.5">
-					<p className="text-xs font-medium">Email</p>
-					<p className="text-xs font-mono text-muted-foreground">
-						me@example.com
-					</p>
-				</div>
-				<Clipboard textToCopy={"me@example.com"} onCopy={handleCopy}>
-					<Button variant={copied ? "default" : "outline"} size={"icon-lg"}>
-						{copied ? <IconCheck /> : <IconCopy />}
-					</Button>
-				</Clipboard>
-			</div>
-		</div>
-	);
-}
diff --git a/src/content/clipboard/examples/example-03.tsx b/src/content/clipboard/examples/example-03.tsx
deleted file mode 100644
index 2a1d575..0000000
--- a/src/content/clipboard/examples/example-03.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client";
-
-import Clipboard from "@@/registry/clipboard/clipboard";
-
-export default function ClipboardDemo03() {
-	return (
-		<div className="flex min-h-screen items-center justify-center p-6">
-			<Clipboard textToCopy={"Text to copy"} />
-		</div>
-	);
-}
diff --git a/src/content/components/clipboard-01.tsx b/src/content/components/clipboard-01.tsx
deleted file mode 100644
index 5187105..0000000
--- a/src/content/components/clipboard-01.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-"use client";
-
-import Clipboard from "@@/registry/clipboard/clipboard";
-import { IconBrandNpm, IconBrandPnpm } from "@tabler/icons-react";
-import { ChevronDownIcon } from "lucide-react";
-import { useState } from "react";
-import BunIcon from "@/components/icons/bun";
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { useIsMobile } from "@/hooks/use-mobile";
-
-export default function ClipboardDemo01() {
-	const installSnippet = {
-		npm: `npx shadcn@latest add`,
-		pnpm: `pnpm dlx shadcn@latest add`,
-		bun: `bunx --bun shadcn@latest add`,
-	};
-	const [activeInstallTab, setActiveInstallTab] = useState<string>("npm");
-	const isMobile = useIsMobile();
-
-	const packageManagers = [
-		{ value: "npm", label: "npm", icon: <IconBrandNpm /> },
-		{ value: "pnpm", label: "pnpm", icon: <IconBrandPnpm /> },
-		{ value: "bun", label: "bun", icon: <BunIcon stroke="currentColor" /> },
-	];
-
-	const activePackageManager = packageManagers.find(
-		(pm) => pm.value === activeInstallTab,
-	);
-
-	return (
-		<div className="flex min-h-screen items-center justify-center p-6">
-			<Tabs
-				value={activeInstallTab}
-				className="gap-0 bg-card rounded-lg w-full"
-				onValueChange={(value) => setActiveInstallTab(value)}
-			>
-				<div className="flex items-center pt-2 px-2">
-					{isMobile ? (
-						<DropdownMenu>
-							<DropdownMenuTrigger className="flex items-center gap-2 rounded-md bg-muted px-3 py-1.5 text-sm">
-								{activePackageManager?.icon}
-								{activePackageManager?.label}
-								<ChevronDownIcon className="size-4" />
-							</DropdownMenuTrigger>
-							<DropdownMenuContent align="start">
-								{packageManagers.map((pm) => (
-									<DropdownMenuItem
-										key={pm.value}
-										onClick={() => setActiveInstallTab(pm.value)}
-										className="gap-2"
-									>
-										{pm.icon}
-										{pm.label}
-									</DropdownMenuItem>
-								))}
-							</DropdownMenuContent>
-						</DropdownMenu>
-					) : (
-						<TabsList>
-							<TabsTrigger value="npm">
-								<IconBrandNpm />
-								npm
-							</TabsTrigger>
-							<TabsTrigger value="pnpm">
-								<IconBrandPnpm />
-								pnpm
-							</TabsTrigger>
-							<TabsTrigger value="bun">
-								<BunIcon stroke="currentColor" />
-								bun
-							</TabsTrigger>
-						</TabsList>
-					)}
-					<Clipboard
-						textToCopy={
-							installSnippet[activeInstallTab as keyof typeof installSnippet]
-						}
-						className="ml-auto rounded h-7 w-7 bg-secondary hover:bg-secondary/80"
-					/>
-				</div>
-				<div className="">
-					<TabsContent
-						value="npm"
-						className="text-muted-foreground rounded-lg p-3"
-					>
-						<code>{installSnippet.npm}</code>
-					</TabsContent>
-					<TabsContent
-						value="pnpm"
-						className="text-muted-foreground rounded-lg p-3"
-					>
-						<code>{installSnippet.pnpm}</code>
-					</TabsContent>
-					<TabsContent
-						value="bun"
-						className="text-muted-foreground rounded-lg p-3"
-					>
-						<code>{installSnippet.bun}</code>
-					</TabsContent>
-				</div>
-			</Tabs>
-		</div>
-	);
-}
diff --git a/src/content/components/clipboard-02.tsx b/src/content/components/clipboard-02.tsx
deleted file mode 100644
index 868d769..0000000
--- a/src/content/components/clipboard-02.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-import Clipboard from "@@/registry/clipboard/clipboard";
-import { IconCheck, IconCopy } from "@tabler/icons-react";
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-
-export default function ClipboardDemo02() {
-	const [copied, setCopied] = useState(false);
-
-	const handleCopy = () => {
-		setCopied(true);
-		setTimeout(() => setCopied(false), 1500);
-	};
-
-	return (
-		<div className="flex min-h-screen items-center justify-center p-6">
-			<div className="flex items-center justify-between rounded-md border bg-muted/50 px-3 py-2 gap-9">
-				<div className="space-y-0.5">
-					<p className="text-xs font-medium">Email</p>
-					<p className="text-xs font-mono text-muted-foreground">
-						me@example.com
-					</p>
-				</div>
-				<Clipboard textToCopy={"me@example.com"} onCopy={handleCopy}>
-					<Button variant={copied ? "default" : "outline"} size={"icon-lg"}>
-						{copied ? <IconCheck /> : <IconCopy />}
-					</Button>
-				</Clipboard>
-			</div>
-		</div>
-	);
-}
diff --git a/src/content/components/clipboard-03.tsx b/src/content/components/clipboard-03.tsx
deleted file mode 100644
index f39a0e9..0000000
--- a/src/content/components/clipboard-03.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-"use client";
-
-import Clipboard from "@@/registry/clipboard/clipboard";
-export default function ClipboardDemo03() {
-	return (
-		<div className="flex min-h-screen items-center justify-center p-6">
-			<Clipboard textToCopy={"Text to copy"} />
-		</div>
-	);
-}
diff --git a/src/content/components/index.ts b/src/content/components/index.ts
deleted file mode 100644
index a6cfdb3..0000000
--- a/src/content/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as Clipboard01 } from "./clipboard-01";
-export { default as Clipboard02 } from "./clipboard-02";
-export { default as Clipboard03 } from "./clipboard-03";
diff --git a/src/content/components/sidebar-example.tsx b/src/content/components/sidebar-example.tsx
deleted file mode 100644
index 4533e33..0000000
--- a/src/content/components/sidebar-example.tsx
+++ /dev/null
@@ -1,261 +0,0 @@
-import {
-	Sidebar,
-	SidebarContent,
-	SidebarFooter,
-	SidebarGroup,
-	SidebarGroupLabel,
-	SidebarHeader,
-	SidebarMenu,
-	SidebarMenuButton,
-	SidebarMenuItem,
-	SidebarSubmenu,
-	SidebarSubmenuItem,
-	SidebarTrigger,
-} from "@@/registry/sidebar/sidebar";
-import {
-	BarChartIcon,
-	BellIcon,
-	DatabaseIcon,
-	FileIcon,
-	FolderIcon,
-	HomeIcon,
-	SettingsIcon,
-	UserIcon,
-	UsersIcon,
-} from "lucide-react";
-import * as React from "react";
-
-export function SidebarExample() {
-	const [activePage, setActivePage] = React.useState("home");
-
-	return (
-		<div className="flex h-screen">
-			{/* Main Sidebar */}
-			<Sidebar id="main-sidebar" collapsible>
-				<SidebarHeader>
-					<div className="flex items-center justify-between">
-						<h2 className="text-lg font-semibold">My App</h2>
-						<SidebarTrigger sidebarId="main-sidebar" />
-					</div>
-				</SidebarHeader>
-
-				<SidebarContent>
-					{/* Navigation Group */}
-					<SidebarGroup>
-						<SidebarGroupLabel>Navigation</SidebarGroupLabel>
-						<SidebarMenu>
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="main-sidebar"
-									icon={<HomeIcon className="h-4 w-4" />}
-									isActive={activePage === "home"}
-									tooltip="Home"
-									onClick={() => setActivePage("home")}
-								>
-									Home
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="main-sidebar"
-									icon={<BellIcon className="h-4 w-4" />}
-									isActive={activePage === "notifications"}
-									tooltip="Notifications"
-									onClick={() => setActivePage("notifications")}
-								>
-									Notifications
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-						</SidebarMenu>
-					</SidebarGroup>
-
-					{/* Projects Group with Submenu */}
-					<SidebarGroup>
-						<SidebarGroupLabel>Projects</SidebarGroupLabel>
-						<SidebarMenu>
-							<SidebarMenuItem>
-								<SidebarSubmenu
-									sidebarId="main-sidebar"
-									label="Projects"
-									icon={<FolderIcon className="h-4 w-4" />}
-									defaultOpen
-								>
-									<SidebarSubmenuItem
-										isActive={activePage === "project-1"}
-										onClick={() => setActivePage("project-1")}
-									>
-										Website Redesign
-									</SidebarSubmenuItem>
-									<SidebarSubmenuItem
-										isActive={activePage === "project-2"}
-										onClick={() => setActivePage("project-2")}
-									>
-										Mobile App
-									</SidebarSubmenuItem>
-									<SidebarSubmenuItem
-										isActive={activePage === "project-3"}
-										onClick={() => setActivePage("project-3")}
-									>
-										API Development
-									</SidebarSubmenuItem>
-								</SidebarSubmenu>
-							</SidebarMenuItem>
-
-							<SidebarMenuItem>
-								<SidebarSubmenu
-									sidebarId="main-sidebar"
-									label="Documents"
-									icon={<FileIcon className="h-4 w-4" />}
-								>
-									<SidebarSubmenuItem
-										isActive={activePage === "doc-1"}
-										onClick={() => setActivePage("doc-1")}
-									>
-										Getting Started
-									</SidebarSubmenuItem>
-									<SidebarSubmenuItem
-										isActive={activePage === "doc-2"}
-										onClick={() => setActivePage("doc-2")}
-									>
-										API Reference
-									</SidebarSubmenuItem>
-
-									{/* Nested Submenu Example */}
-									<div className="ml-2 mt-1 space-y-1">
-										<div className="text-xs font-medium text-muted-foreground px-2 py-1">
-											Guides
-										</div>
-										<SidebarSubmenuItem
-											isActive={activePage === "guide-1"}
-											onClick={() => setActivePage("guide-1")}
-										>
-											Installation
-										</SidebarSubmenuItem>
-										<SidebarSubmenuItem
-											isActive={activePage === "guide-2"}
-											onClick={() => setActivePage("guide-2")}
-										>
-											Configuration
-										</SidebarSubmenuItem>
-									</div>
-								</SidebarSubmenu>
-							</SidebarMenuItem>
-						</SidebarMenu>
-					</SidebarGroup>
-
-					{/* Data Group */}
-					<SidebarGroup>
-						<SidebarGroupLabel>Data</SidebarGroupLabel>
-						<SidebarMenu>
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="main-sidebar"
-									icon={<DatabaseIcon className="h-4 w-4" />}
-									isActive={activePage === "database"}
-									tooltip="Database"
-									onClick={() => setActivePage("database")}
-								>
-									Database
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="main-sidebar"
-									icon={<BarChartIcon className="h-4 w-4" />}
-									isActive={activePage === "analytics"}
-									tooltip="Analytics"
-									onClick={() => setActivePage("analytics")}
-								>
-									Analytics
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-						</SidebarMenu>
-					</SidebarGroup>
-
-					{/* Settings Group */}
-					<SidebarGroup>
-						<SidebarGroupLabel>Settings</SidebarGroupLabel>
-						<SidebarMenu>
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="main-sidebar"
-									icon={<UsersIcon className="h-4 w-4" />}
-									isActive={activePage === "team"}
-									tooltip="Team"
-									onClick={() => setActivePage("team")}
-								>
-									Team
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="main-sidebar"
-									icon={<SettingsIcon className="h-4 w-4" />}
-									isActive={activePage === "settings"}
-									tooltip="Settings"
-									onClick={() => setActivePage("settings")}
-								>
-									Settings
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-						</SidebarMenu>
-					</SidebarGroup>
-				</SidebarContent>
-
-				<SidebarFooter>
-					<div className="flex items-center gap-3">
-						<div className="flex h-8 w-8 items-center justify-center rounded-full bg-accent">
-							<UserIcon className="h-4 w-4" />
-						</div>
-						<div className="flex-1 overflow-hidden">
-							<p className="truncate text-sm font-medium">John Doe</p>
-							<p className="truncate text-xs text-muted-foreground">
-								john@example.com
-							</p>
-						</div>
-					</div>
-				</SidebarFooter>
-			</Sidebar>
-
-			{/* Main Content */}
-			<main className="flex-1 overflow-auto">
-				<div className="border-b p-4">
-					<div className="flex items-center gap-2">
-						<SidebarTrigger sidebarId="main-sidebar" className="md:hidden" />
-						<h1 className="text-2xl font-bold">
-							{activePage
-								.split("-")
-								.map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-								.join(" ")}
-						</h1>
-					</div>
-				</div>
-				<div className="p-6">
-					<div className="rounded-lg border p-8">
-						<h2 className="mb-4 text-xl font-semibold">
-							Active Page: {activePage}
-						</h2>
-						<p className="text-muted-foreground">
-							This is the main content area. The sidebar remains sticky and
-							doesn't scroll with the page content.
-						</p>
-						<div className="mt-8 space-y-4">
-							{Array.from({ length: 20 }).map((_, i) => (
-								<p
-									key={`scroll-line-${i}`}
-									className="text-sm text-muted-foreground"
-								>
-									Scroll content line {i + 1}. The sidebar stays in place as you
-									scroll this content.
-								</p>
-							))}
-						</div>
-					</div>
-				</div>
-			</main>
-		</div>
-	);
-}
diff --git a/src/content/components/sidebar-multiple.tsx b/src/content/components/sidebar-multiple.tsx
deleted file mode 100644
index 1818ecd..0000000
--- a/src/content/components/sidebar-multiple.tsx
+++ /dev/null
@@ -1,260 +0,0 @@
-/** biome-ignore-all lint/correctness/useUniqueElementIds: <explanation> */
-import {
-	Sidebar,
-	SidebarContent,
-	SidebarGroup,
-	SidebarGroupLabel,
-	SidebarHeader,
-	SidebarMenu,
-	SidebarMenuButton,
-	SidebarMenuItem,
-	SidebarTrigger,
-} from "@@/registry/sidebar/sidebar";
-import { SidebarKeyboardHandler } from "@@/registry/sidebar/sidebar-script";
-import {
-	FileIcon,
-	ImageIcon,
-	LayoutIcon,
-	MusicIcon,
-	PaletteIcon,
-	TypeIcon,
-	VideoIcon,
-} from "lucide-react";
-import * as React from "react";
-
-/**
- * Multiple Sidebars Example
- *
- * Demonstrates using multiple independent sidebars in a single layout.
- * Each sidebar has its own ID and can be controlled independently.
- * This example also shows keyboard shortcuts for toggling sidebars.
- */
-export function MultipleSidebarsExample() {
-	const [selectedFile, setSelectedFile] = React.useState<string | null>(null);
-	const [selectedTool, setSelectedTool] = React.useState<string | null>(null);
-
-	return (
-		<>
-			{/* Add keyboard shortcut handler */}
-			<SidebarKeyboardHandler />
-
-			<div className="flex h-screen bg-background">
-				{/* Left Sidebar - File Browser */}
-				<Sidebar
-					id="file-browser"
-					side="left"
-					defaultOpen
-					width="14rem"
-					collapsedWidth="3rem"
-					keyboardShortcut="mod+b"
-				>
-					<SidebarHeader>
-						<div className="flex items-center justify-between">
-							<h2 className="text-sm font-semibold">Files</h2>
-							<SidebarTrigger sidebarId="file-browser" />
-						</div>
-						<p className="text-xs text-muted-foreground">
-							Press{" "}
-							<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
-								<span className="text-xs">⌘</span>B
-							</kbd>{" "}
-							to toggle
-						</p>
-					</SidebarHeader>
-
-					<SidebarContent>
-						<SidebarGroup>
-							<SidebarGroupLabel>Media</SidebarGroupLabel>
-							<SidebarMenu>
-								<SidebarMenuItem>
-									<SidebarMenuButton
-										sidebarId="file-browser"
-										icon={<ImageIcon className="h-4 w-4" />}
-										isActive={selectedFile === "images"}
-										tooltip="Images"
-										onClick={() => setSelectedFile("images")}
-									>
-										Images
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-								<SidebarMenuItem>
-									<SidebarMenuButton
-										sidebarId="file-browser"
-										icon={<VideoIcon className="h-4 w-4" />}
-										isActive={selectedFile === "videos"}
-										tooltip="Videos"
-										onClick={() => setSelectedFile("videos")}
-									>
-										Videos
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-								<SidebarMenuItem>
-									<SidebarMenuButton
-										sidebarId="file-browser"
-										icon={<MusicIcon className="h-4 w-4" />}
-										isActive={selectedFile === "audio"}
-										tooltip="Audio"
-										onClick={() => setSelectedFile("audio")}
-									>
-										Audio
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-							</SidebarMenu>
-						</SidebarGroup>
-
-						<SidebarGroup>
-							<SidebarGroupLabel>Documents</SidebarGroupLabel>
-							<SidebarMenu>
-								<SidebarMenuItem>
-									<SidebarMenuButton
-										sidebarId="file-browser"
-										icon={<FileIcon className="h-4 w-4" />}
-										isActive={selectedFile === "documents"}
-										tooltip="All Documents"
-										onClick={() => setSelectedFile("documents")}
-									>
-										All Documents
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-							</SidebarMenu>
-						</SidebarGroup>
-					</SidebarContent>
-				</Sidebar>
-
-				{/* Main Content */}
-				<main className="flex flex-1 flex-col overflow-auto">
-					<header className="sticky top-0 z-10 border-b bg-background px-6 py-3">
-						<div className="flex items-center gap-4">
-							<SidebarTrigger sidebarId="file-browser" className="md:hidden" />
-							<h1 className="text-xl font-semibold">Multi-Sidebar Layout</h1>
-							<SidebarTrigger
-								sidebarId="tools-panel"
-								className="ml-auto md:hidden"
-							/>
-						</div>
-					</header>
-
-					<div className="flex-1 p-6">
-						<div className="mx-auto max-w-4xl space-y-6">
-							<div className="rounded-lg border bg-card p-6">
-								<h2 className="mb-2 text-lg font-semibold">
-									Multiple Independent Sidebars
-								</h2>
-								<p className="text-sm text-muted-foreground">
-									This example shows how to use multiple sidebars in a single
-									layout. Each sidebar operates independently with its own state
-									and keyboard shortcut.
-								</p>
-							</div>
-
-							<div className="grid gap-4 md:grid-cols-2">
-								<div className="rounded-lg border bg-card p-4">
-									<h3 className="mb-2 font-semibold">Left Sidebar</h3>
-									<p className="text-sm text-muted-foreground">
-										File browser navigation
-									</p>
-									{selectedFile && (
-										<p className="mt-2 text-sm">
-											Selected:{" "}
-											<span className="font-medium">{selectedFile}</span>
-										</p>
-									)}
-								</div>
-
-								<div className="rounded-lg border bg-card p-4">
-									<h3 className="mb-2 font-semibold">Right Sidebar</h3>
-									<p className="text-sm text-muted-foreground">
-										Tools and properties panel
-									</p>
-									{selectedTool && (
-										<p className="mt-2 text-sm">
-											Active tool:{" "}
-											<span className="font-medium">{selectedTool}</span>
-										</p>
-									)}
-								</div>
-							</div>
-
-							<div className="rounded-lg border bg-card p-6">
-								<h3 className="mb-4 font-semibold">Benefits</h3>
-								<ul className="space-y-2 text-sm text-muted-foreground">
-									<li>• Each sidebar has independent state</li>
-									<li>• Can be positioned on either side</li>
-									<li>• Custom widths for each sidebar</li>
-									<li>• Both collapse independently</li>
-									<li>• Mobile responsive with sheets</li>
-									<li>• Keyboard shortcuts for quick toggling (⌘B, ⌘T)</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-				</main>
-
-				{/* Right Sidebar - Tools */}
-				<Sidebar
-					id="tools-panel"
-					side="right"
-					defaultOpen
-					width="16rem"
-					collapsedWidth="3rem"
-					keyboardShortcut="mod+p"
-				>
-					<SidebarHeader>
-						<div className="flex items-center justify-between">
-							<h2 className="text-sm font-semibold">Tools</h2>
-							<SidebarTrigger sidebarId="tools-panel" />
-						</div>
-						<p className="text-xs text-muted-foreground">
-							Press{" "}
-							<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
-								<span className="text-xs">⌘</span>T
-							</kbd>{" "}
-							to toggle
-						</p>
-					</SidebarHeader>
-
-					<SidebarContent>
-						<SidebarGroup>
-							<SidebarGroupLabel>Design</SidebarGroupLabel>
-							<SidebarMenu>
-								<SidebarMenuItem>
-									<SidebarMenuButton
-										sidebarId="tools-panel"
-										icon={<LayoutIcon className="h-4 w-4" />}
-										isActive={selectedTool === "layout"}
-										tooltip="Layout"
-										onClick={() => setSelectedTool("layout")}
-									>
-										Layout
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-								<SidebarMenuItem>
-									<SidebarMenuButton
-										sidebarId="tools-panel"
-										icon={<PaletteIcon className="h-4 w-4" />}
-										isActive={selectedTool === "colors"}
-										tooltip="Colors"
-										onClick={() => setSelectedTool("colors")}
-									>
-										Colors
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-								<SidebarMenuItem>
-									<SidebarMenuButton
-										sidebarId="tools-panel"
-										icon={<TypeIcon className="h-4 w-4" />}
-										isActive={selectedTool === "typography"}
-										tooltip="Typography"
-										onClick={() => setSelectedTool("typography")}
-									>
-										Typography
-									</SidebarMenuButton>
-								</SidebarMenuItem>
-							</SidebarMenu>
-						</SidebarGroup>
-					</SidebarContent>
-				</Sidebar>
-			</div>
-		</>
-	);
-}
diff --git a/src/content/components/sidebar-simple.tsx b/src/content/components/sidebar-simple.tsx
deleted file mode 100644
index 35aa1d0..0000000
--- a/src/content/components/sidebar-simple.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import {
-	Sidebar,
-	SidebarContent,
-	SidebarFooter,
-	SidebarGroup,
-	SidebarGroupLabel,
-	SidebarHeader,
-	SidebarMenu,
-	SidebarMenuButton,
-	SidebarMenuItem,
-	SidebarSubmenu,
-	SidebarSubmenuItem,
-	SidebarTrigger,
-} from "@@/registry/sidebar/sidebar";
-import { sidebarActions } from "@@/registry/sidebar/sidebar-store";
-import { FileIcon, HomeIcon, SettingsIcon, UserIcon } from "lucide-react";
-import * as React from "react";
-
-/**
- * Simple Sidebar Example
- *
- * This example demonstrates the basic usage of the sidebar component:
- * - A collapsible sidebar with navigation items
- * - Submenus for organizing related items
- * - External control via store actions
- * - Mobile responsive (automatically uses Sheet on mobile)
- */
-export function SimpleSidebarExample() {
-	const [currentPage, setCurrentPage] = React.useState("home");
-
-	return (
-		<div className="flex h-screen bg-background">
-			{/* Sidebar */}
-			<Sidebar id="app-sidebar" collapsible defaultOpen>
-				{/* Header with title and toggle button */}
-				<SidebarHeader>
-					<div className="flex items-center justify-between">
-						<h2 className="text-lg font-semibold">My Application</h2>
-						<SidebarTrigger sidebarId="app-sidebar" />
-					</div>
-				</SidebarHeader>
-
-				{/* Main navigation content */}
-				<SidebarContent>
-					{/* Main Navigation */}
-					<SidebarGroup>
-						<SidebarGroupLabel>Main</SidebarGroupLabel>
-						<SidebarMenu>
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="app-sidebar"
-									icon={<HomeIcon className="h-4 w-4" />}
-									isActive={currentPage === "home"}
-									tooltip="Home"
-									onClick={() => setCurrentPage("home")}
-								>
-									Home
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-						</SidebarMenu>
-					</SidebarGroup>
-
-					{/* Documents with Submenu */}
-					<SidebarGroup>
-						<SidebarGroupLabel>Content</SidebarGroupLabel>
-						<SidebarMenu>
-							<SidebarMenuItem>
-								<SidebarSubmenu
-									sidebarId="app-sidebar"
-									label="Documents"
-									icon={<FileIcon className="h-4 w-4" />}
-									defaultOpen
-								>
-									<SidebarSubmenuItem
-										isActive={currentPage === "all-docs"}
-										onClick={() => setCurrentPage("all-docs")}
-									>
-										All Documents
-									</SidebarSubmenuItem>
-									<SidebarSubmenuItem
-										isActive={currentPage === "recent"}
-										onClick={() => setCurrentPage("recent")}
-									>
-										Recent
-									</SidebarSubmenuItem>
-									<SidebarSubmenuItem
-										isActive={currentPage === "favorites"}
-										onClick={() => setCurrentPage("favorites")}
-									>
-										Favorites
-									</SidebarSubmenuItem>
-								</SidebarSubmenu>
-							</SidebarMenuItem>
-						</SidebarMenu>
-					</SidebarGroup>
-
-					{/* Settings */}
-					<SidebarGroup>
-						<SidebarGroupLabel>System</SidebarGroupLabel>
-						<SidebarMenu>
-							<SidebarMenuItem>
-								<SidebarMenuButton
-									sidebarId="app-sidebar"
-									icon={<SettingsIcon className="h-4 w-4" />}
-									isActive={currentPage === "settings"}
-									tooltip="Settings"
-									onClick={() => setCurrentPage("settings")}
-								>
-									Settings
-								</SidebarMenuButton>
-							</SidebarMenuItem>
-						</SidebarMenu>
-					</SidebarGroup>
-				</SidebarContent>
-
-				{/* Footer with user info */}
-				<SidebarFooter>
-					<div className="flex items-center gap-3">
-						<div className="flex h-8 w-8 items-center justify-center rounded-full bg-primary text-primary-foreground">
-							<UserIcon className="h-4 w-4" />
-						</div>
-						<div className="flex-1 overflow-hidden">
-							<p className="truncate text-sm font-medium">User Name</p>
-							<p className="truncate text-xs text-muted-foreground">
-								user@email.com
-							</p>
-						</div>
-					</div>
-				</SidebarFooter>
-			</Sidebar>
-
-			{/* Main Content Area */}
-			<main className="flex flex-1 flex-col overflow-auto">
-				{/* Header */}
-				<header className="sticky top-0 z-10 border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
-					<div className="flex h-14 items-center gap-4 px-6">
-						{/* Mobile trigger - only visible on small screens */}
-						<SidebarTrigger sidebarId="app-sidebar" className="md:hidden" />
-
-						<h1 className="text-xl font-semibold capitalize">
-							{currentPage.replace("-", " ")}
-						</h1>
-
-						{/* External control example */}
-						<button
-							type="button"
-							onClick={() => sidebarActions.toggleSidebar("app-sidebar")}
-							className="ml-auto rounded-md border px-3 py-1 text-sm"
-						>
-							Toggle Sidebar (External)
-						</button>
-					</div>
-				</header>
-
-				{/* Page Content */}
-				<div className="flex-1 p-6">
-					<div className="mx-auto max-w-4xl space-y-6">
-						<div className="rounded-lg border bg-card p-6">
-							<h2 className="mb-2 text-lg font-semibold">
-								Welcome to {currentPage.replace("-", " ")}
-							</h2>
-							<p className="text-muted-foreground">
-								This is a simple example demonstrating the sidebar component.
-								Try collapsing the sidebar or resizing your browser to see the
-								mobile behavior.
-							</p>
-						</div>
-
-						<div className="rounded-lg border bg-card p-6">
-							<h3 className="mb-4 font-semibold">Key Features</h3>
-							<ul className="space-y-2 text-sm text-muted-foreground">
-								<li>✓ Collapsible sidebar with smooth transitions</li>
-								<li>✓ Automatic tooltips when collapsed</li>
-								<li>✓ Mobile responsive (Sheet on mobile)</li>
-								<li>✓ External control via TanStack Store</li>
-								<li>✓ Sticky positioning (no absolute positioning)</li>
-								<li>✓ Support for nested submenus</li>
-							</ul>
-						</div>
-
-						{/* Scrollable content */}
-						<div className="rounded-lg border bg-card p-6">
-							<h3 className="mb-4 font-semibold">Scroll Behavior</h3>
-							<p className="mb-4 text-sm text-muted-foreground">
-								Notice how the sidebar stays in place while you scroll this
-								content. The sidebar uses sticky positioning.
-							</p>
-							<div className="space-y-2">
-								{Array.from({ length: 30 }).map((_, index) => (
-									<div
-										key={`content-${index}`}
-										className="rounded border p-3 text-sm"
-									>
-										Content block {index + 1}
-									</div>
-								))}
-							</div>
-						</div>
-					</div>
-				</div>
-			</main>
-		</div>
-	);
-}
diff --git a/src/content/docs/clipboard.mdx b/src/content/docs/clipboard.mdx
deleted file mode 100644
index 05dd097..0000000
--- a/src/content/docs/clipboard.mdx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { CodeBlock } from "/src/components/ui/code-block.tsx"
-import { Label } from "/src/components/ui/label.tsx"
-
-<div className="flex flex-col gap-3 w-full">
-<Label className="text-3xl font-bold">Features</Label>
-</div>
-
-- ✅ Visual feedback with icon transitions
-- ✅ Customizable appearance and behavior
-- ✅ Tooltip support
-- ✅ Error handling callbacks
-<div className="flex flex-col gap-3 w-full">
-<Label className="text-3xl font-bold">Usage</Label>
-<CodeBlock className="bg-card!" code={`<Clipboard textToCopy={"some string"}/>`} /></div>
\ No newline at end of file
diff --git a/src/lib/code-loader.ts b/src/lib/code-loader.ts
index 7e548ec..2163d26 100644
--- a/src/lib/code-loader.ts
+++ b/src/lib/code-loader.ts
@@ -3,8 +3,8 @@
  * Uses Vite's import.meta.glob to load raw source files
  */
 
-// Load all example component files as raw strings from the new organized structure
-const modules = import.meta.glob("/src/content/*/examples/*.tsx", {
+// Load consolidated examples.tsx files as raw strings
+const modules = import.meta.glob("/src/content/*/examples.tsx", {
 	query: "?raw",
 	import: "default",
 });
@@ -15,9 +15,9 @@ export const mdxModules = import.meta.glob("/src/content/*/docs.mdx", {
 });
 
 /**
- * Get the raw source code for an example by its ID
+ * Extract a specific example function from the consolidated examples.tsx file
  * @param exampleId - The ID of the example (e.g., "clipboard-01")
- * @returns Promise that resolves to the raw source code string
+ * @returns Promise that resolves to the raw source code string of that specific example
  */
 export async function getExampleCode(
 	exampleId: string,
@@ -30,17 +30,36 @@ export async function getExampleCode(
 	}
 
 	const [, blockName, exampleNum] = match;
-	const path = `/src/content/${blockName}/examples/example-${exampleNum}.tsx`;
+	const path = `/src/content/${blockName}/examples.tsx`;
 	const loader = modules[path];
 
 	if (!loader) {
-		console.warn(`No code found for example: ${exampleId} at path: ${path}`);
+		console.warn(
+			`No examples file found for block: ${blockName} at path: ${path}`,
+		);
 		return null;
 	}
 
 	try {
-		const code = await loader();
-		return code as string;
+		const fullCode = (await loader()) as string;
+
+		// Extract the specific example function from the file
+		const functionName = `Example${exampleNum}`;
+		const regex = new RegExp(
+			`export function ${functionName}\\(\\)[^{]*\\{[\\s\\S]*?^\\}`,
+			"m",
+		);
+
+		const match = fullCode.match(regex);
+		if (match) {
+			return match[0];
+		}
+
+		// If regex fails, return the whole file (fallback)
+		console.warn(
+			`Could not extract ${functionName} from ${path}, returning full file`,
+		);
+		return fullCode;
 	} catch (error) {
 		console.error(`Error loading code for ${exampleId}:`, error);
 		return null;

From f6e12af25050853ba39575b1a2d82cef483f2a95 Mon Sep 17 00:00:00 2001
From: Tommy Lundy <tommerty@doras.to>
Date: Tue, 28 Oct 2025 16:51:58 +0000
Subject: [PATCH 3/4] feat: add URL Preview component with OpenGraph metadata
 support

- Implemented the Preview component to display rich URL previews using OpenGraph metadata.
- Added server-side fetching utility to retrieve metadata from URLs.
- Created API route for fetching metadata with error handling.
- Developed hover card UI components for displaying previews on hover.
- Included comprehensive documentation and usage examples for the Preview component.
---
 bun.lock                           |   3 +
 package.json                       |   1 +
 public/components/preview.png      | Bin 0 -> 60945 bytes
 public/r/clipboard.json            |   9 +-
 public/r/preview.json              |  22 +++++
 registry.json                      |  30 +++++--
 registry/preview/README.md         |  61 +++++++++++++
 registry/preview/preview-server.ts |  54 +++++++++++
 registry/preview/preview.tsx       | 140 +++++++++++++++++++++++++++++
 src/components/layout/sidebar.tsx  |  56 ++++++------
 src/components/ui/hover-card.tsx   |  42 +++++++++
 src/content/blocks-metadata.ts     |  91 +++++++++++++++++--
 src/content/preview/docs.mdx       |  50 +++++++++++
 src/content/preview/examples.tsx   |  33 +++++++
 src/lib/seo-image-generator.tsx    |  22 ++++-
 src/routeTree.gen.ts               |  21 +++++
 src/routes/api/preview.ts          |  72 +++++++++++++++
 src/routes/blocks/$blockId.tsx     |   2 +-
 src/routes/blocks/index.tsx        |  66 +++++++-------
 19 files changed, 693 insertions(+), 82 deletions(-)
 create mode 100644 public/components/preview.png
 create mode 100644 public/r/preview.json
 create mode 100644 registry/preview/README.md
 create mode 100644 registry/preview/preview-server.ts
 create mode 100644 registry/preview/preview.tsx
 create mode 100644 src/components/ui/hover-card.tsx
 create mode 100644 src/content/preview/docs.mdx
 create mode 100644 src/content/preview/examples.tsx
 create mode 100644 src/routes/api/preview.ts

diff --git a/bun.lock b/bun.lock
index 907fa14..966c219 100644
--- a/bun.lock
+++ b/bun.lock
@@ -9,6 +9,7 @@
         "@radix-ui/react-collapsible": "^1.1.12",
         "@radix-ui/react-dialog": "^1.1.15",
         "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-hover-card": "^1.1.15",
         "@radix-ui/react-label": "^2.1.7",
         "@radix-ui/react-popover": "^1.1.15",
         "@radix-ui/react-separator": "^1.1.7",
@@ -355,6 +356,8 @@
 
     "@radix-ui/react-focus-scope": ["@radix-ui/react-focus-scope@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw=="],
 
+    "@radix-ui/react-hover-card": ["@radix-ui/react-hover-card@1.1.15", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-popper": "1.2.8", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-controllable-state": "1.2.2" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg=="],
+
     "@radix-ui/react-id": ["@radix-ui/react-id@1.1.1", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg=="],
 
     "@radix-ui/react-label": ["@radix-ui/react-label@2.1.7", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ=="],
diff --git a/package.json b/package.json
index b4c2a17..d46b3d4 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-separator": "^1.1.7",
diff --git a/public/components/preview.png b/public/components/preview.png
new file mode 100644
index 0000000000000000000000000000000000000000..d852a639ad2dcf0b8a1d422bbad38edc235da8a9
GIT binary patch
literal 60945
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
ZZvHY>^9P#ixiIiY?Uv@v((4vs{{zR1f2aTe

literal 0
HcmV?d00001

diff --git a/public/r/clipboard.json b/public/r/clipboard.json
index 6fadfb7..4b706f9 100644
--- a/public/r/clipboard.json
+++ b/public/r/clipboard.json
@@ -3,6 +3,7 @@
   "name": "clipboard",
   "type": "registry:block",
   "title": "Clipboard",
+  "author": "Tommy Lundy <tommerty@doras.to>",
   "description": "A simple method to copy items to the clipboard",
   "registryDependencies": [
     "button",
@@ -12,13 +13,11 @@
     {
       "path": "registry/clipboard/clipboard.tsx",
       "content": "\"use client\";\nimport type React from \"react\";\nimport { useState } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { Check, Copy } from \"lucide-react\";\n\nexport interface ClipboardProps {\n\ttextToCopy: string;\n\tchildren?: React.ReactNode;\n\tclassName?: string;\n\ticonSize?: number;\n\tcopiedDuration?: number;\n\ttooltipText?: string;\n\ttooltipCopiedText?: string;\n\tshowTooltip?: boolean;\n\tcopyIcon?: React.ReactNode;\n\tcheckIcon?: React.ReactNode;\n\tcheckIconClassName?: string;\n\tcopyIconClassName?: string;\n\tonCopy?: () => void;\n\tonError?: (error: Error) => void;\n\ttooltipDelayDuration?: number;\n\tdisabled?: boolean;\n}\n\nexport default function Clipboard({\n\ttextToCopy,\n\tchildren,\n\tclassName,\n\ticonSize = 16,\n\tcopiedDuration = 1500,\n\ttooltipText = \"Click to copy\",\n\ttooltipCopiedText = \"Copied!\",\n\tshowTooltip = true,\n\tcopyIcon,\n\tcheckIcon,\n\tcheckIconClassName,\n\tcopyIconClassName,\n\tonCopy,\n\tonError,\n\ttooltipDelayDuration = 0,\n\tdisabled = false,\n}: ClipboardProps) {\n\tconst [copied, setCopied] = useState<boolean>(false);\n\n\tconst handleCopy = async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(textToCopy);\n\t\t\tsetCopied(true);\n\t\t\tonCopy?.();\n\t\t\tsetTimeout(() => setCopied(false), copiedDuration);\n\t\t} catch (err) {\n\t\t\tconst error = err instanceof Error ? err : new Error(\"Failed to copy text\");\n\t\t\tconsole.error(\"Failed to copy text: \", error);\n\t\t\tonError?.(error);\n\t\t}\n\t};\n\n\tconst defaultCopyIcon = copyIcon || <Copy size={iconSize} aria-hidden=\"true\" />;\n\tconst defaultCheckIcon = checkIcon || (\n\t\t<Check className={cn(checkIconClassName)} size={iconSize} aria-hidden=\"true\" />\n\t);\n\n\tconst triggerElement = children ? (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={disabled || copied ? undefined : handleCopy}\n\t\t\tclassName=\"cursor-pointer border-none bg-transparent p-0\"\n\t\t\tdisabled={disabled || copied}\n\t\t\taria-label={copied ? \"Copied\" : \"Copy to clipboard\"}\n\t\t>\n\t\t\t{children}\n\t\t</button>\n\t) : (\n\t\t<Button\n        \n\t\t\tclassName={cn(\"disabled:opacity-100 relative\", className)}\n\t\t\tonClick={handleCopy}\n\t\t\taria-label={copied ? \"Copied\" : \"Copy to clipboard\"}\n\t\t\tdisabled={copied || disabled}\n\t\t>\n\t\t\t<div className={cn(\"transition-all\", copied ? \"scale-100 opacity-100\" : \"scale-0 opacity-0\")}>\n\t\t\t\t{defaultCheckIcon}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"absolute transition-all\",\n\t\t\t\t\tcopied ? \"scale-0 opacity-0\" : \"scale-100 opacity-100\",\n\t\t\t\t\tcopyIconClassName\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{defaultCopyIcon}\n\t\t\t</div>\n\t\t</Button>\n\t);\n\n\tif (!showTooltip) {\n\t\treturn triggerElement;\n\t}\n\n\treturn (\n\t\t<TooltipProvider delayDuration={tooltipDelayDuration}>\n\t\t\t<Tooltip>\n\t\t\t\t<TooltipTrigger asChild>{triggerElement}</TooltipTrigger>\n\t\t\t\t<TooltipContent className=\"px-2 py-1 text-xs\">{copied ? tooltipCopiedText : tooltipText}</TooltipContent>\n\t\t\t</Tooltip>\n\t\t</TooltipProvider>\n\t);\n}",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": "components/doras-ui/clipboard.tsx"
     }
   ],
-  "meta": {
-    "author": "tommerty"
-  },
   "categories": [
-    "dashboard"
+    "general"
   ]
 }
\ No newline at end of file
diff --git a/public/r/preview.json b/public/r/preview.json
new file mode 100644
index 0000000..4650bb8
--- /dev/null
+++ b/public/r/preview.json
@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "preview",
+  "type": "registry:block",
+  "title": "URL Preview",
+  "author": "Tommy Lundy <tommerty@doras.to>",
+  "description": "Show website metadata and OpenGraph images when hovering over URLs",
+  "registryDependencies": [
+    "hover-card"
+  ],
+  "files": [
+    {
+      "path": "registry/preview/preview.tsx",
+      "content": "\"use client\"\n\nimport { cn } from \"@/lib/utils\"\nimport { useEffect, useState } from \"react\"\nimport {\n\tHoverCard,\n\tHoverCardContent,\n\tHoverCardTrigger,\n} from \"@/components/ui/hover-card\"\nimport { IconExternalLink } from \"@tabler/icons-react\"\n\ntype PreviewMetadata = {\n\ttitle: string | null\n\tdescription: string | null\n\timage: string | null\n\turl: string | null\n}\n\nexport interface PreviewProps {\n\turl: string\n\tchildren?: React.ReactNode\n\tshowImage?: boolean\n\tshowTitle?: boolean\n\tshowDescription?: boolean\n\tclassName?: string\n\tcontentClassName?: string\n\tonError?: (error: Error) => void\n}\n\nconst fetchMetadata = async (url: string): Promise<PreviewMetadata> => {\n\ttry {\n\t\t// Use a CORS proxy for client-side requests\n\t\tconst proxyUrl = `/api/preview?url=${encodeURIComponent(url)}`\n\t\tconst response = await fetch(proxyUrl)\n\t\t\n\t\tif (!response.ok) {\n\t\t\tthrow new Error(`Failed to fetch metadata: ${response.statusText}`)\n\t\t}\n\t\t\n\t\treturn await response.json()\n\t} catch (error) {\n\t\t// Fallback to basic metadata from URL\n\t\tconst domain = new URL(url).hostname\n\t\treturn {\n\t\t\ttitle: domain,\n\t\t\tdescription: `Visit ${domain}`,\n\t\t\timage: null,\n\t\t\turl,\n\t\t}\n\t}\n}\n\nexport function Preview({\n\turl,\n\tchildren,\n\tshowImage = true,\n\tshowTitle = true,\n\tshowDescription = true,\n\tclassName,\n\tcontentClassName,\n\tonError,\n}: PreviewProps) {\n\tconst [metadata, setMetadata] = useState<PreviewMetadata | null>(null)\n\tconst [loading, setLoading] = useState(false)\n\n\tuseEffect(() => {\n\t\tasync function fetchData() {\n\t\t\tsetLoading(true)\n\t\t\ttry {\n\t\t\t\tconst data = await fetchMetadata(url)\n\t\t\t\tsetMetadata(data)\n\t\t\t} catch (error) {\n\t\t\t\tconst err = error instanceof Error ? error : new Error('Unknown error')\n\t\t\t\tonError?.(err)\n\t\t\t\t\n\t\t\t\t// Fallback metadata\n\t\t\t\tconst domain = new URL(url).hostname\n\t\t\t\tsetMetadata({\n\t\t\t\t\ttitle: domain,\n\t\t\t\t\tdescription: `Visit ${domain}`,\n\t\t\t\t\timage: null,\n\t\t\t\t\turl,\n\t\t\t\t})\n\t\t\t} finally {\n\t\t\t\tsetLoading(false)\n\t\t\t}\n\t\t}\n\n\t\tfetchData()\n\t}, [url, onError])\n\n\tconst defaultTrigger = (\n\t\t<a\n\t\t\thref={url}\n\t\t\tclassName=\"text-primary hover:underline inline-flex items-center gap-1\"\n\t\t>\n\t\t\t{new URL(url).hostname}\n\t\t\t<IconExternalLink className=\"size-3\" />\n\t\t</a>\n\t)\n\n\treturn (\n\t\t<HoverCard openDelay={200}>\n\t\t\t<HoverCardTrigger asChild className={className}>\n\t\t\t\t{children || defaultTrigger}\n\t\t\t</HoverCardTrigger>\n\t\t\t<HoverCardContent className={cn(\"md:w-80 p-0 overflow-hidden border\", contentClassName)}>\n                <a href={url}>\n\t\t\t\t{loading ? (\n\t\t\t\t\t<div className=\"flex items-center justify-center py-4\">\n\t\t\t\t\t\t<div className=\"text-sm text-muted-foreground\">Loading...</div>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{showImage && metadata?.image && (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc={metadata.image}\n\t\t\t\t\t\t\t\talt={metadata.title || \"\"}\n\t\t\t\t\t\t\t\tclassName=\"aspect-video w-full border object-cover bg-muted\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"p-3\">\n\t\t\t\t\t\t\t{showTitle && metadata?.title && (\n\t\t\t\t\t\t\t\t<h4 className=\"font-semibold text-sm leading-tight\">\n\t\t\t\t\t\t\t\t\t{metadata.title}\n\t\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{showDescription && metadata?.description && (\n\t\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-xs leading-relaxed line-clamp-2\">\n\t\t\t\t\t\t\t\t\t{metadata.description}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}</a>\n\t\t\t</HoverCardContent>\n\t\t</HoverCard>\n\t)\n}\n",
+      "type": "registry:component",
+      "target": "components/doras-ui/preview.tsx"
+    }
+  ],
+  "categories": [
+    "general"
+  ]
+}
\ No newline at end of file
diff --git a/registry.json b/registry.json
index 9372ff1..8cea298 100644
--- a/registry.json
+++ b/registry.json
@@ -1,17 +1,16 @@
 {
   "$schema": "https://ui.shadcn.com/schema/registry.json",
-  "name": "acme",
+  "name": "doras-ui",
   "homepage": "https://ui.doras.to",
   "items": [
   {
     "name": "clipboard",
     "type": "registry:block",
     "title": "Clipboard",
+    "author": "Tommy Lundy <tommerty@doras.to>",
     "description": "A simple method to copy items to the clipboard",
-      "categories": ["dashboard"],
-      "meta": {
-        "author": "tommerty"
-      },
+      "categories": ["general"],
+
       "registryDependencies": [
     "button",
     "tooltip"
@@ -19,7 +18,26 @@
     "files": [
         {
             "path": "registry/clipboard/clipboard.tsx",
-            "type": "registry:component"
+            "type": "registry:component",
+            "target": "components/doras-ui/clipboard.tsx"
+        }
+    ]
+  },
+  {
+    "name": "preview",
+    "type": "registry:block",
+    "title": "URL Preview",
+    "author": "Tommy Lundy <tommerty@doras.to>",
+    "description": "Show website metadata and OpenGraph images when hovering over URLs",
+      "categories": ["general"],
+      "registryDependencies": [
+    "hover-card"
+      ],
+    "files": [
+        {
+            "path": "registry/preview/preview.tsx",
+            "type": "registry:component",
+            "target": "components/doras-ui/preview.tsx"
         }
     ]
   }
diff --git a/registry/preview/README.md b/registry/preview/README.md
new file mode 100644
index 0000000..3c8b0c0
--- /dev/null
+++ b/registry/preview/README.md
@@ -0,0 +1,61 @@
+# Preview Component
+
+A hover card component that displays rich URL previews with OpenGraph metadata.
+
+## Files
+
+- `preview.tsx` - Main client component with composable parts
+- `preview-server.ts` - Server utility for fetching metadata
+
+## Usage in your project
+
+This component follows the block structure defined in `/src/content/README.md`.
+
+### Examples Location
+All examples are in `/src/content/preview/examples.tsx` as named exports:
+- `Example01` - Basic usage
+- `Example02` - Server-side metadata fetching  
+- `Example03` - Custom styling variations
+
+### Metadata Location
+Block metadata is in `/src/content/blocks-metadata.ts`
+
+### Documentation
+Full documentation is in `/src/content/preview/docs.mdx`
+
+## Quick Start
+
+```tsx
+import {
+  Preview,
+  PreviewContent,
+  PreviewDescription,
+  PreviewImage,
+  PreviewLink,
+  PreviewTitle,
+  PreviewTrigger,
+} from "@@/registry/preview/preview"
+
+<Preview>
+  <PreviewTrigger asChild>
+    <a href="https://github.com">GitHub</a>
+  </PreviewTrigger>
+  <PreviewContent className="w-80">
+    <PreviewImage src="..." alt="..." />
+    <div className="space-y-2 mt-3">
+      <PreviewTitle>Title</PreviewTitle>
+      <PreviewDescription>Description</PreviewDescription>
+      <PreviewLink href="https://github.com">github.com</PreviewLink>
+    </div>
+  </PreviewContent>
+</Preview>
+```
+
+## Server-Side Fetching
+
+```tsx
+import { fetchPreview } from "@@/registry/preview/preview-server"
+
+const metadata = await fetchPreview("https://github.com")
+// Returns: { title, description, image, url }
+```
diff --git a/registry/preview/preview-server.ts b/registry/preview/preview-server.ts
new file mode 100644
index 0000000..33d3e19
--- /dev/null
+++ b/registry/preview/preview-server.ts
@@ -0,0 +1,54 @@
+const TITLE_REGEX = /<title[^>]*>([^<]+)<\/title>/
+const OG_TITLE_REGEX =
+	/<meta[^>]*property="og:title"[^>]*content="([^"]+)"/
+const DESCRIPTION_REGEX =
+	/<meta[^>]*name="description"[^>]*content="([^"]+)"/
+const OG_DESCRIPTION_REGEX =
+	/<meta[^>]*property="og:description"[^>]*content="([^"]+)"/
+const OG_IMAGE_REGEX =
+	/<meta[^>]*property="og:image"[^>]*content="([^"]+)"/
+const OG_URL_REGEX = /<meta[^>]*property="og:url"[^>]*content="([^"]+)"/
+
+export type PreviewMetadata = {
+	title: string | null
+	description: string | null
+	image: string | null
+	url: string | null
+}
+
+export const fetchPreview = async (url: string): Promise<PreviewMetadata> => {
+	try {
+		const response = await fetch(url, {
+			headers: {
+				"User-Agent":
+					"Mozilla/5.0 (compatible; PreviewBot/1.0; +https://example.com/bot)",
+			},
+		})
+
+		if (!response.ok) {
+			throw new Error(`Failed to fetch: ${response.statusText}`)
+		}
+
+		const data = await response.text()
+		const titleMatch = data.match(OG_TITLE_REGEX) || data.match(TITLE_REGEX)
+		const descriptionMatch =
+			data.match(OG_DESCRIPTION_REGEX) || data.match(DESCRIPTION_REGEX)
+		const imageMatch = data.match(OG_IMAGE_REGEX)
+		const urlMatch = data.match(OG_URL_REGEX)
+
+		return {
+			title: titleMatch?.at(1) ?? null,
+			description: descriptionMatch?.at(1) ?? null,
+			image: imageMatch?.at(1) ?? null,
+			url: urlMatch?.at(1) ?? url,
+		}
+	} catch (error) {
+		console.error("Error fetching preview:", error)
+		return {
+			title: null,
+			description: null,
+			image: null,
+			url,
+		}
+	}
+}
diff --git a/registry/preview/preview.tsx b/registry/preview/preview.tsx
new file mode 100644
index 0000000..f014de9
--- /dev/null
+++ b/registry/preview/preview.tsx
@@ -0,0 +1,140 @@
+"use client"
+
+import { cn } from "@/lib/utils"
+import { useEffect, useState } from "react"
+import {
+	HoverCard,
+	HoverCardContent,
+	HoverCardTrigger,
+} from "@/components/ui/hover-card"
+import { IconExternalLink } from "@tabler/icons-react"
+
+type PreviewMetadata = {
+	title: string | null
+	description: string | null
+	image: string | null
+	url: string | null
+}
+
+export interface PreviewProps {
+	url: string
+	children?: React.ReactNode
+	showImage?: boolean
+	showTitle?: boolean
+	showDescription?: boolean
+	className?: string
+	contentClassName?: string
+	onError?: (error: Error) => void
+}
+
+const fetchMetadata = async (url: string): Promise<PreviewMetadata> => {
+	try {
+		// Use a CORS proxy for client-side requests
+		const proxyUrl = `/api/preview?url=${encodeURIComponent(url)}`
+		const response = await fetch(proxyUrl)
+		
+		if (!response.ok) {
+			throw new Error(`Failed to fetch metadata: ${response.statusText}`)
+		}
+		
+		return await response.json()
+	} catch (error) {
+		// Fallback to basic metadata from URL
+		const domain = new URL(url).hostname
+		return {
+			title: domain,
+			description: `Visit ${domain}`,
+			image: null,
+			url,
+		}
+	}
+}
+
+export function Preview({
+	url,
+	children,
+	showImage = true,
+	showTitle = true,
+	showDescription = true,
+	className,
+	contentClassName,
+	onError,
+}: PreviewProps) {
+	const [metadata, setMetadata] = useState<PreviewMetadata | null>(null)
+	const [loading, setLoading] = useState(false)
+
+	useEffect(() => {
+		async function fetchData() {
+			setLoading(true)
+			try {
+				const data = await fetchMetadata(url)
+				setMetadata(data)
+			} catch (error) {
+				const err = error instanceof Error ? error : new Error('Unknown error')
+				onError?.(err)
+				
+				// Fallback metadata
+				const domain = new URL(url).hostname
+				setMetadata({
+					title: domain,
+					description: `Visit ${domain}`,
+					image: null,
+					url,
+				})
+			} finally {
+				setLoading(false)
+			}
+		}
+
+		fetchData()
+	}, [url, onError])
+
+	const defaultTrigger = (
+		<a
+			href={url}
+			className="text-primary hover:underline inline-flex items-center gap-1"
+		>
+			{new URL(url).hostname}
+			<IconExternalLink className="size-3" />
+		</a>
+	)
+
+	return (
+		<HoverCard openDelay={200}>
+			<HoverCardTrigger asChild className={className}>
+				{children || defaultTrigger}
+			</HoverCardTrigger>
+			<HoverCardContent className={cn("md:w-80 p-0 overflow-hidden border", contentClassName)}>
+                <a href={url}>
+				{loading ? (
+					<div className="flex items-center justify-center py-4">
+						<div className="text-sm text-muted-foreground">Loading...</div>
+					</div>
+				) : (
+					<div>
+						{showImage && metadata?.image && (
+							<img
+								src={metadata.image}
+								alt={metadata.title || ""}
+								className="aspect-video w-full border object-cover bg-muted"
+							/>
+						)}
+						<div className="p-3">
+							{showTitle && metadata?.title && (
+								<h4 className="font-semibold text-sm leading-tight">
+									{metadata.title}
+								</h4>
+							)}
+							{showDescription && metadata?.description && (
+								<p className="text-muted-foreground text-xs leading-relaxed line-clamp-2">
+									{metadata.description}
+								</p>
+							)}
+							
+						</div>
+					</div>
+				)}</a>
+			</HoverCardContent>
+		</HoverCard>
+	)
+}
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index dc7f23f..889c9c0 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -122,47 +122,49 @@ export function MainSidebar() {
 								</SidebarMenuSub>
 							</SidebarMenuItem>
 							<CollapsibleContent className="">
-								{blocksMetadata.map((block) => {
-									const isActive = pathname === `/blocks/${block.id}`;
+								{blocksMetadata
+									.filter((block) => !block.preview)
+									.map((block) => {
+										const isActive = pathname === `/blocks/${block.id}`;
 
-									return (
-										<SidebarMenuItem
-											key={block.id}
-											isActive={isActive}
-											hideWhenCollapsed
-										>
-											<Link
-												to="/blocks/$blockId"
-												className="w-full"
-												params={{ blockId: block.id }}
+										return (
+											<SidebarMenuItem
+												key={block.id}
+												isActive={isActive}
+												hideWhenCollapsed
 											>
-												<SidebarMenuButton
-													icon={
-														block.icon ? (
-															<block.icon className="h-4 w-4" />
-														) : null
-													}
-													tooltip={block.name}
+												<Link
+													to="/blocks/$blockId"
+													className="w-full"
+													params={{ blockId: block.id }}
 												>
-													{block.name}
-												</SidebarMenuButton>
-											</Link>
-										</SidebarMenuItem>
-									);
-								})}
+													<SidebarMenuButton
+														icon={
+															block.icon ? (
+																<block.icon className="h-4 w-4" />
+															) : null
+														}
+														tooltip={block.name}
+													>
+														{block.name}
+													</SidebarMenuButton>
+												</Link>
+											</SidebarMenuItem>
+										);
+									})}
 							</CollapsibleContent>
 						</Collapsible>
 					</SidebarMenu>
 				</SidebarGroup>
 			</SidebarContent>
 			<SidebarFooter>
-				<Link to="/">
+				<a href="https://github.com/dorasto/ui">
 					<SidebarMenuItem>
 						<SidebarMenuButton icon={<IconBrandGithub />} tooltip="GitHub">
 							GitHub
 						</SidebarMenuButton>
 					</SidebarMenuItem>
-				</Link>
+				</a>
 				<SidebarMenuItem className="hover:bg-transparent">
 					<SidebarSubmenu
 						label="Other Projects"
diff --git a/src/components/ui/hover-card.tsx b/src/components/ui/hover-card.tsx
new file mode 100644
index 0000000..e4204e0
--- /dev/null
+++ b/src/components/ui/hover-card.tsx
@@ -0,0 +1,42 @@
+import * as React from "react"
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+
+import { cn } from "@/lib/utils"
+
+function HoverCard({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
+  return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />
+}
+
+function HoverCardTrigger({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
+  return (
+    <HoverCardPrimitive.Trigger data-slot="hover-card-trigger" {...props} />
+  )
+}
+
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
+  return (
+    <HoverCardPrimitive.Portal data-slot="hover-card-portal">
+      <HoverCardPrimitive.Content
+        data-slot="hover-card-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+          className
+        )}
+        {...props}
+      />
+    </HoverCardPrimitive.Portal>
+  )
+}
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/src/content/blocks-metadata.ts b/src/content/blocks-metadata.ts
index 7d678a2..f21e6da 100644
--- a/src/content/blocks-metadata.ts
+++ b/src/content/blocks-metadata.ts
@@ -1,12 +1,7 @@
-import {
-	IconClipboard,
-	IconCopy,
-	IconMail,
-	IconTerminal,
-} from "@tabler/icons-react";
+import { IconCopy, IconExternalLink } from "@tabler/icons-react";
 
 export const categoryIds = {
-	Clipboard: "clipboard",
+	General: "general",
 	// Add more categories as you expand
 } as const;
 
@@ -38,12 +33,13 @@ export interface BlockMetadata {
 	hasDocs?: boolean;
 	/** Optional: API props documentation */
 	props?: PropDefinition[];
+	preview?: boolean;
 }
 
 export const blocksMetadata: BlockMetadata[] = [
 	{
 		id: "clipboard",
-		category: categoryIds.Clipboard,
+		category: categoryIds.General,
 
 		name: "Clipboard",
 		description:
@@ -164,4 +160,83 @@ export const blocksMetadata: BlockMetadata[] = [
 			},
 		],
 	},
+	{
+		id: "preview",
+		category: categoryIds.General,
+		name: "URL Preview",
+		description:
+			"Show website metadata and OpenGraph images when hovering over URLs.",
+		image: "/components/preview.png",
+		icon: IconExternalLink,
+		hasDocs: true,
+		examples: [
+			{
+				id: "preview-01",
+				name: "Basic",
+				description:
+					"Simple URL preview with hover card showing website metadata.",
+				iframeHeight: "600px",
+			},
+			{
+				id: "preview-02",
+				name: "Hide the image",
+				description:
+					"Preview without displaying the OpenGraph image in the hover card.",
+			},
+			{
+				id: "preview-03",
+				name: "Custom trigger",
+				description:
+					"Using a custom button as the trigger element for the URL preview hover card.",
+				iframeHeight: "600px",
+			},
+		],
+		props: [
+			{
+				name: "url",
+				type: "string",
+				description: "The URL to preview and fetch metadata for.",
+				required: true,
+			},
+			{
+				name: "children",
+				type: "React.ReactNode",
+				description:
+					"Custom trigger element. If not provided, uses default link with external icon.",
+			},
+			{
+				name: "showImage",
+				type: "boolean",
+				defaultValue: "true",
+				description: "Whether to display the OpenGraph image.",
+			},
+			{
+				name: "showTitle",
+				type: "boolean",
+				defaultValue: "true",
+				description: "Whether to display the page title.",
+			},
+			{
+				name: "showDescription",
+				type: "boolean",
+				defaultValue: "true",
+				description: "Whether to display the page description.",
+			},
+			{
+				name: "className",
+				type: "string",
+				description: "Additional CSS classes for the trigger element.",
+			},
+			{
+				name: "contentClassName",
+				type: "string",
+				description: "Additional CSS classes for the hover card content.",
+			},
+			{
+				name: "onError",
+				type: "(error: Error) => void",
+				description: "Callback function called when metadata fetching fails.",
+			},
+		],
+	},
 ];
diff --git a/src/content/preview/docs.mdx b/src/content/preview/docs.mdx
new file mode 100644
index 0000000..c057bab
--- /dev/null
+++ b/src/content/preview/docs.mdx
@@ -0,0 +1,50 @@
+import { CodeBlock } from "/src/components/ui/code-block.tsx"
+import { Label } from "/src/components/ui/label.tsx"
+
+# Features
+
+- ✅ **Hover activation** - Shows preview on hover with smooth animations
+- ✅ **OpenGraph support** - Displays OG images, titles, and descriptions
+- ✅ **Server-side fetching** - Fetches metadata via API route
+- ✅ **Customizable styling** - Control what to show/hide with props
+- ✅ **Platform agnostic** - Works with any React framework
+- ✅ **Accessible** - Built on Radix UI with proper ARIA attributes
+
+# Usage
+<CodeBlock className="bg-card!" code={`<Preview url="https://github.com" />`} />
+
+
+# API Route Setup
+To fetch metadata, you need to create an API route.
+### Tanstack Start/Router
+<CodeBlock className="bg-card!" code={`// src/routes/api/preview.ts
+import { createFileRoute } from '@tanstack/react-router'
+
+// ... metadata fetching logic ...
+
+export const Route = createFileRoute('/api/preview')({
+  server: {
+    handlers: {
+      GET: async ({ request }) => {
+        const url = new URL(request.url).searchParams.get("url")
+        if (!url) {
+          return Response.json({ error: "URL required" }, { status: 400 })
+        }
+        const metadata = await fetchPreview(url)
+        return Response.json(metadata)
+      },
+    },
+  },
+})`} />
+
+
+### Next.js (untested)
+<CodeBlock className="bg-card!" code={`// app/api/preview/route.ts
+export async function GET(request: Request) {
+  const url = new URL(request.url).searchParams.get("url")
+  if (!url) {
+    return Response.json({ error: "URL required" }, { status: 400 })
+  }
+  const metadata = await fetchPreview(url)
+  return Response.json(metadata)
+}`} />
diff --git a/src/content/preview/examples.tsx b/src/content/preview/examples.tsx
new file mode 100644
index 0000000..14be888
--- /dev/null
+++ b/src/content/preview/examples.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import { Preview } from "@@/registry/preview/preview";
+import { Button } from "@/components/ui/button";
+
+export function Example01() {
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<p className="text-sm">
+				Create your link in bio on <Preview url="https://doras.to" /> and
+				showcase your brand with style.
+			</p>
+		</div>
+	);
+}
+
+export function Example02() {
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<Preview url="https://react.dev" showImage={false} />
+		</div>
+	);
+}
+
+export function Example03() {
+	return (
+		<div className="flex min-h-screen items-center justify-center p-6">
+			<Preview url="https://tailwindcss.com">
+				<Button>Custom trigger</Button>
+			</Preview>
+		</div>
+	);
+}
diff --git a/src/lib/seo-image-generator.tsx b/src/lib/seo-image-generator.tsx
index 70a4974..e802cfe 100644
--- a/src/lib/seo-image-generator.tsx
+++ b/src/lib/seo-image-generator.tsx
@@ -40,7 +40,7 @@ export async function generateSeoImage({
 	description,
 	siteName = "Doras UI",
 	url = "ui.doras.to",
-	image,
+	image = "https://ui.doras.to/logo192.png",
 }: SeoImageGeneratorProps) {
 	// Load fonts
 	const fontWeights = [400, 600, 700] as const;
@@ -98,7 +98,6 @@ export async function generateSeoImage({
 					padding: "80px",
 					height: "100%",
 					position: "relative",
-					zIndex: 10,
 				}}
 			>
 				{/* Site branding */}
@@ -130,7 +129,7 @@ export async function generateSeoImage({
 				</div>
 
 				{/* Component Image */}
-				{image && (
+				{image ? (
 					<div
 						style={{
 							display: "flex",
@@ -139,6 +138,23 @@ export async function generateSeoImage({
 					>
 						<img
 							src={image}
+							width={500}
+							alt="component"
+							style={{
+								borderRadius: "8px",
+								objectFit: "contain",
+							}}
+						/>
+					</div>
+				) : (
+					<div
+						style={{
+							display: "flex",
+							marginBottom: description ? "40px" : "0",
+						}}
+					>
+						<img
+							src={"https://ui.doras.to/logo192.png"}
 							height={100}
 							alt="component"
 							style={{
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index c4279be..cacca63 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -18,6 +18,7 @@ import { Route as OgBlocksDotpngRouteImport } from './routes/og/blocks[.]png'
 import { Route as DemoTanstackQueryRouteImport } from './routes/demo/tanstack-query'
 import { Route as DemoTableRouteImport } from './routes/demo/table'
 import { Route as BlocksBlockIdRouteImport } from './routes/blocks/$blockId'
+import { Route as ApiPreviewRouteImport } from './routes/api/preview'
 import { Route as OgBlocksBlockIdDotpngRouteImport } from './routes/og/blocks/$blockId[.]png'
 import { Route as DemoStartServerFuncsRouteImport } from './routes/demo/start.server-funcs'
 import { Route as DemoStartApiRequestRouteImport } from './routes/demo/start.api-request'
@@ -76,6 +77,11 @@ const BlocksBlockIdRoute = BlocksBlockIdRouteImport.update({
   path: '/$blockId',
   getParentRoute: () => BlocksRouteRoute,
 } as any)
+const ApiPreviewRoute = ApiPreviewRouteImport.update({
+  id: '/api/preview',
+  path: '/api/preview',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const OgBlocksBlockIdDotpngRoute = OgBlocksBlockIdDotpngRouteImport.update({
   id: '/og/blocks/$blockId.png',
   path: '/og/blocks/$blockId.png',
@@ -140,6 +146,7 @@ const DemoStartSsrDataOnlyRoute = DemoStartSsrDataOnlyRouteImport.update({
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/blocks': typeof BlocksRouteRouteWithChildren
+  '/api/preview': typeof ApiPreviewRoute
   '/blocks/$blockId': typeof BlocksBlockIdRoute
   '/demo/table': typeof DemoTableRoute
   '/demo/tanstack-query': typeof DemoTanstackQueryRoute
@@ -162,6 +169,7 @@ export interface FileRoutesByFullPath {
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
+  '/api/preview': typeof ApiPreviewRoute
   '/blocks/$blockId': typeof BlocksBlockIdRoute
   '/demo/table': typeof DemoTableRoute
   '/demo/tanstack-query': typeof DemoTanstackQueryRoute
@@ -186,6 +194,7 @@ export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
   '/blocks': typeof BlocksRouteRouteWithChildren
+  '/api/preview': typeof ApiPreviewRoute
   '/blocks/$blockId': typeof BlocksBlockIdRoute
   '/demo/table': typeof DemoTableRoute
   '/demo/tanstack-query': typeof DemoTanstackQueryRoute
@@ -211,6 +220,7 @@ export interface FileRouteTypes {
   fullPaths:
     | '/'
     | '/blocks'
+    | '/api/preview'
     | '/blocks/$blockId'
     | '/demo/table'
     | '/demo/tanstack-query'
@@ -233,6 +243,7 @@ export interface FileRouteTypes {
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
+    | '/api/preview'
     | '/blocks/$blockId'
     | '/demo/table'
     | '/demo/tanstack-query'
@@ -256,6 +267,7 @@ export interface FileRouteTypes {
     | '__root__'
     | '/'
     | '/blocks'
+    | '/api/preview'
     | '/blocks/$blockId'
     | '/demo/table'
     | '/demo/tanstack-query'
@@ -280,6 +292,7 @@ export interface FileRouteTypes {
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   BlocksRouteRoute: typeof BlocksRouteRouteWithChildren
+  ApiPreviewRoute: typeof ApiPreviewRoute
   DemoTableRoute: typeof DemoTableRoute
   DemoTanstackQueryRoute: typeof DemoTanstackQueryRoute
   OgBlocksDotpngRoute: typeof OgBlocksDotpngRoute
@@ -363,6 +376,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof BlocksBlockIdRouteImport
       parentRoute: typeof BlocksRouteRoute
     }
+    '/api/preview': {
+      id: '/api/preview'
+      path: '/api/preview'
+      fullPath: '/api/preview'
+      preLoaderRoute: typeof ApiPreviewRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/og/blocks/$blockId.png': {
       id: '/og/blocks/$blockId.png'
       path: '/og/blocks/$blockId.png'
@@ -469,6 +489,7 @@ const BlocksRouteRouteWithChildren = BlocksRouteRoute._addFileChildren(
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   BlocksRouteRoute: BlocksRouteRouteWithChildren,
+  ApiPreviewRoute: ApiPreviewRoute,
   DemoTableRoute: DemoTableRoute,
   DemoTanstackQueryRoute: DemoTanstackQueryRoute,
   OgBlocksDotpngRoute: OgBlocksDotpngRoute,
diff --git a/src/routes/api/preview.ts b/src/routes/api/preview.ts
new file mode 100644
index 0000000..b6018a7
--- /dev/null
+++ b/src/routes/api/preview.ts
@@ -0,0 +1,72 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+const TITLE_REGEX = /<title[^>]*>([^<]+)<\/title>/;
+const OG_TITLE_REGEX = /<meta[^>]*property="og:title"[^>]*content="([^"]+)"/;
+const DESCRIPTION_REGEX = /<meta[^>]*name="description"[^>]*content="([^"]+)"/;
+const OG_DESCRIPTION_REGEX =
+	/<meta[^>]*property="og:description"[^>]*content="([^"]+)"/;
+const OG_IMAGE_REGEX = /<meta[^>]*property="og:image"[^>]*content="([^"]+)"/;
+const OG_URL_REGEX = /<meta[^>]*property="og:url"[^>]*content="([^"]+)"/;
+
+async function fetchPreview(url: string) {
+	try {
+		const response = await fetch(url, {
+			headers: {
+				"User-Agent": "Mozilla/5.0 (compatible; PreviewBot/1.0)",
+			},
+		});
+
+		if (!response.ok) {
+			throw new Error(`Failed to fetch: ${response.statusText}`);
+		}
+
+		const data = await response.text();
+		const titleMatch = data.match(OG_TITLE_REGEX) || data.match(TITLE_REGEX);
+		const descriptionMatch =
+			data.match(OG_DESCRIPTION_REGEX) || data.match(DESCRIPTION_REGEX);
+		const imageMatch = data.match(OG_IMAGE_REGEX);
+		const urlMatch = data.match(OG_URL_REGEX);
+
+		return {
+			title: titleMatch?.at(1) ?? null,
+			description: descriptionMatch?.at(1) ?? null,
+			image: imageMatch?.at(1) ?? null,
+			url: urlMatch?.at(1) ?? url,
+		};
+	} catch (error) {
+		console.error("Error fetching preview:", error);
+		return {
+			title: null,
+			description: null,
+			image: null,
+			url,
+		};
+	}
+}
+
+export const Route = createFileRoute("/api/preview")({
+	server: {
+		handlers: {
+			GET: async ({ request }) => {
+				const url = new URL(request.url).searchParams.get("url");
+
+				if (!url) {
+					return Response.json(
+						{ error: "URL parameter is required" },
+						{ status: 400 },
+					);
+				}
+
+				try {
+					const metadata = await fetchPreview(url);
+					return Response.json(metadata);
+				} catch (_error) {
+					return Response.json(
+						{ error: "Failed to fetch preview" },
+						{ status: 500 },
+					);
+				}
+			},
+		},
+	},
+});
diff --git a/src/routes/blocks/$blockId.tsx b/src/routes/blocks/$blockId.tsx
index b564133..83f5c11 100644
--- a/src/routes/blocks/$blockId.tsx
+++ b/src/routes/blocks/$blockId.tsx
@@ -122,7 +122,7 @@ function BlockPage() {
 			}
 		}
 	};
-	const baseUrl = import.meta.env.VITE_BASE_URL;
+	const baseUrl = "https://ui.doras.to";
 	const installSnippet = {
 		npm: `npx shadcn@latest add ${baseUrl}/r/${block.id}.json`,
 		pnpm: `pnpm dlx shadcn@latest add ${baseUrl}/r/${block.id}.json`,
diff --git a/src/routes/blocks/index.tsx b/src/routes/blocks/index.tsx
index 91b5300..0e24396 100644
--- a/src/routes/blocks/index.tsx
+++ b/src/routes/blocks/index.tsx
@@ -51,39 +51,41 @@ function BlocksIndex() {
 						</div>
 
 						<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
-							{blocks.map((block) => (
-								<Link
-									key={block.id}
-									to="/blocks/$blockId"
-									params={{ blockId: block.id }}
-									className="group rounded-lg border bg-card transition-all hover:border-primary hover:shadow-md"
-								>
-									<div className="p-6 space-y-3">
-										<div className="flex items-start justify-between">
-											<h3 className="font-semibold text-lg transition-colors flex items-center gap-2">
-												{block.icon && <block.icon className="h-4 w-4" />}
-												{block.name}
-											</h3>
-											<span className="text-xs text-primary-foreground capitalize px-2 py-1 rounded bg-primary">
-												{block.examples.length}{" "}
-												{block.examples.length === 1 ? "example" : "examples"}
-											</span>
+							{blocks
+								.filter((block) => !block.preview)
+								.map((block) => (
+									<Link
+										key={block.id}
+										to="/blocks/$blockId"
+										params={{ blockId: block.id }}
+										className="group rounded-lg border bg-card transition-all hover:border-primary hover:shadow-md"
+									>
+										<div className="p-6 space-y-3">
+											<div className="flex items-start justify-between">
+												<h3 className="font-semibold text-lg transition-colors flex items-center gap-2">
+													{block.icon && <block.icon className="h-4 w-4" />}
+													{block.name}
+												</h3>
+												<span className="text-xs text-primary-foreground capitalize px-2 py-1 rounded bg-primary">
+													{block.examples.length}{" "}
+													{block.examples.length === 1 ? "example" : "examples"}
+												</span>
+											</div>
+											{block.image && (
+												<img
+													src={block.image}
+													alt={block.name}
+													className="w-full p-3 bg-background rounded-lg"
+												/>
+											)}
+											{block.description && (
+												<p className="text-sm line-clamp-2">
+													{block.description}
+												</p>
+											)}
 										</div>
-										{block.image && (
-											<img
-												src={block.image}
-												alt={block.name}
-												className="w-full p-3 bg-background rounded-lg"
-											/>
-										)}
-										{block.description && (
-											<p className="text-sm line-clamp-2">
-												{block.description}
-											</p>
-										)}
-									</div>
-								</Link>
-							))}
+									</Link>
+								))}
 						</div>
 					</section>
 				))}

From 1da8a95c1b72ea9f712a589c20162a5ad3640ff3 Mon Sep 17 00:00:00 2001
From: Tommy Lundy <tommerty@doras.to>
Date: Tue, 28 Oct 2025 17:08:33 +0000
Subject: [PATCH 4/4] feat: update project name to doras-ui, add GitHub stars
 API route, and implement progress and spinner components

---
 .cta.json                      |  2 +-
 AGENTS.md                      |  1 +
 bun.lock                       |  3 ++
 package.json                   |  2 +
 src/components/ui/progress.tsx | 29 ++++++++++++++
 src/components/ui/spinner.tsx  | 16 ++++++++
 src/hooks/use-github-stars.ts  | 32 +++++++++++++++
 src/routeTree.gen.ts           | 21 ++++++++++
 src/routes/api/github-stars.ts | 73 ++++++++++++++++++++++++++++++++++
 src/routes/index.tsx           | 38 +++++++++++++-----
 10 files changed, 207 insertions(+), 10 deletions(-)
 create mode 100644 AGENTS.md
 create mode 100644 src/components/ui/progress.tsx
 create mode 100644 src/components/ui/spinner.tsx
 create mode 100644 src/hooks/use-github-stars.ts
 create mode 100644 src/routes/api/github-stars.ts

diff --git a/.cta.json b/.cta.json
index 2684dfa..ec4b2a2 100644
--- a/.cta.json
+++ b/.cta.json
@@ -1,5 +1,5 @@
 {
-  "projectName": "latest-ui",
+  "projectName": "doras-ui",
   "mode": "file-router",
   "typescript": true,
   "tailwind": true,
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..23a78fb
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1 @@
+- If you're creating a Tanstack Start/Router route, you must create the file first with a touch command, as auto generated content is populated and the file gets currupted. So touch the file, then read it and update it.
\ No newline at end of file
diff --git a/bun.lock b/bun.lock
index 966c219..b86cb5b 100644
--- a/bun.lock
+++ b/bun.lock
@@ -12,6 +12,7 @@
         "@radix-ui/react-hover-card": "^1.1.15",
         "@radix-ui/react-label": "^2.1.7",
         "@radix-ui/react-popover": "^1.1.15",
+        "@radix-ui/react-progress": "^1.1.7",
         "@radix-ui/react-separator": "^1.1.7",
         "@radix-ui/react-slot": "^1.2.3",
         "@radix-ui/react-tabs": "^1.1.13",
@@ -374,6 +375,8 @@
 
     "@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],
 
+    "@radix-ui/react-progress": ["@radix-ui/react-progress@1.1.7", "", { "dependencies": { "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg=="],
+
     "@radix-ui/react-roving-focus": ["@radix-ui/react-roving-focus@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-controllable-state": "1.2.2" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA=="],
 
     "@radix-ui/react-separator": ["@radix-ui/react-separator@1.1.7", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA=="],
diff --git a/package.json b/package.json
index d46b3d4..5e82c9b 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "doras-ui",
   "private": true,
   "type": "module",
+  "repository": "https://github.com/dorasto/ui",
   "scripts": {
     "dev": "vite dev --port 3000",
     "build": "vite build",
@@ -24,6 +25,7 @@
     "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tabs": "^1.1.13",
diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx
new file mode 100644
index 0000000..10af7e6
--- /dev/null
+++ b/src/components/ui/progress.tsx
@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "@/lib/utils"
+
+function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
+  return (
+    <ProgressPrimitive.Root
+      data-slot="progress"
+      className={cn(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        className
+      )}
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        data-slot="progress-indicator"
+        className="bg-primary h-full w-full flex-1 transition-all"
+        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+      />
+    </ProgressPrimitive.Root>
+  )
+}
+
+export { Progress }
diff --git a/src/components/ui/spinner.tsx b/src/components/ui/spinner.tsx
new file mode 100644
index 0000000..a70e713
--- /dev/null
+++ b/src/components/ui/spinner.tsx
@@ -0,0 +1,16 @@
+import { Loader2Icon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
+  return (
+    <Loader2Icon
+      role="status"
+      aria-label="Loading"
+      className={cn("size-4 animate-spin", className)}
+      {...props}
+    />
+  )
+}
+
+export { Spinner }
diff --git a/src/hooks/use-github-stars.ts b/src/hooks/use-github-stars.ts
new file mode 100644
index 0000000..eeaccee
--- /dev/null
+++ b/src/hooks/use-github-stars.ts
@@ -0,0 +1,32 @@
+import { useQuery } from "@tanstack/react-query";
+
+interface GitHubStarsData {
+	stars: number;
+	name: string;
+	fullName: string;
+	description: string;
+	url: string;
+}
+
+export function useGitHubStars(owner?: string, repo?: string) {
+	return useQuery({
+		queryKey: ["github-stars", owner, repo],
+		queryFn: async (): Promise<GitHubStarsData> => {
+			const params = new URLSearchParams();
+			if (owner) params.set("owner", owner);
+			if (repo) params.set("repo", repo);
+
+			const url = `/api/github-stars${params.toString() ? `?${params.toString()}` : ""}`;
+			const response = await fetch(url);
+
+			if (!response.ok) {
+				throw new Error("Failed to fetch GitHub stars");
+			}
+
+			return response.json();
+		},
+		staleTime: 5 * 60 * 1000, // 5 minutes
+		gcTime: 10 * 60 * 1000, // 10 minutes
+		retry: 3,
+	});
+}
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index cacca63..2dd17c4 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -19,6 +19,7 @@ import { Route as DemoTanstackQueryRouteImport } from './routes/demo/tanstack-qu
 import { Route as DemoTableRouteImport } from './routes/demo/table'
 import { Route as BlocksBlockIdRouteImport } from './routes/blocks/$blockId'
 import { Route as ApiPreviewRouteImport } from './routes/api/preview'
+import { Route as ApiGithubStarsRouteImport } from './routes/api/github-stars'
 import { Route as OgBlocksBlockIdDotpngRouteImport } from './routes/og/blocks/$blockId[.]png'
 import { Route as DemoStartServerFuncsRouteImport } from './routes/demo/start.server-funcs'
 import { Route as DemoStartApiRequestRouteImport } from './routes/demo/start.api-request'
@@ -82,6 +83,11 @@ const ApiPreviewRoute = ApiPreviewRouteImport.update({
   path: '/api/preview',
   getParentRoute: () => rootRouteImport,
 } as any)
+const ApiGithubStarsRoute = ApiGithubStarsRouteImport.update({
+  id: '/api/github-stars',
+  path: '/api/github-stars',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const OgBlocksBlockIdDotpngRoute = OgBlocksBlockIdDotpngRouteImport.update({
   id: '/og/blocks/$blockId.png',
   path: '/og/blocks/$blockId.png',
@@ -146,6 +152,7 @@ const DemoStartSsrDataOnlyRoute = DemoStartSsrDataOnlyRouteImport.update({
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/blocks': typeof BlocksRouteRouteWithChildren
+  '/api/github-stars': typeof ApiGithubStarsRoute
   '/api/preview': typeof ApiPreviewRoute
   '/blocks/$blockId': typeof BlocksBlockIdRoute
   '/demo/table': typeof DemoTableRoute
@@ -169,6 +176,7 @@ export interface FileRoutesByFullPath {
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
+  '/api/github-stars': typeof ApiGithubStarsRoute
   '/api/preview': typeof ApiPreviewRoute
   '/blocks/$blockId': typeof BlocksBlockIdRoute
   '/demo/table': typeof DemoTableRoute
@@ -194,6 +202,7 @@ export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
   '/blocks': typeof BlocksRouteRouteWithChildren
+  '/api/github-stars': typeof ApiGithubStarsRoute
   '/api/preview': typeof ApiPreviewRoute
   '/blocks/$blockId': typeof BlocksBlockIdRoute
   '/demo/table': typeof DemoTableRoute
@@ -220,6 +229,7 @@ export interface FileRouteTypes {
   fullPaths:
     | '/'
     | '/blocks'
+    | '/api/github-stars'
     | '/api/preview'
     | '/blocks/$blockId'
     | '/demo/table'
@@ -243,6 +253,7 @@ export interface FileRouteTypes {
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
+    | '/api/github-stars'
     | '/api/preview'
     | '/blocks/$blockId'
     | '/demo/table'
@@ -267,6 +278,7 @@ export interface FileRouteTypes {
     | '__root__'
     | '/'
     | '/blocks'
+    | '/api/github-stars'
     | '/api/preview'
     | '/blocks/$blockId'
     | '/demo/table'
@@ -292,6 +304,7 @@ export interface FileRouteTypes {
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   BlocksRouteRoute: typeof BlocksRouteRouteWithChildren
+  ApiGithubStarsRoute: typeof ApiGithubStarsRoute
   ApiPreviewRoute: typeof ApiPreviewRoute
   DemoTableRoute: typeof DemoTableRoute
   DemoTanstackQueryRoute: typeof DemoTanstackQueryRoute
@@ -383,6 +396,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ApiPreviewRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/api/github-stars': {
+      id: '/api/github-stars'
+      path: '/api/github-stars'
+      fullPath: '/api/github-stars'
+      preLoaderRoute: typeof ApiGithubStarsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/og/blocks/$blockId.png': {
       id: '/og/blocks/$blockId.png'
       path: '/og/blocks/$blockId.png'
@@ -489,6 +509,7 @@ const BlocksRouteRouteWithChildren = BlocksRouteRoute._addFileChildren(
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   BlocksRouteRoute: BlocksRouteRouteWithChildren,
+  ApiGithubStarsRoute: ApiGithubStarsRoute,
   ApiPreviewRoute: ApiPreviewRoute,
   DemoTableRoute: DemoTableRoute,
   DemoTanstackQueryRoute: DemoTanstackQueryRoute,
diff --git a/src/routes/api/github-stars.ts b/src/routes/api/github-stars.ts
new file mode 100644
index 0000000..860d460
--- /dev/null
+++ b/src/routes/api/github-stars.ts
@@ -0,0 +1,73 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+interface GitHubRepo {
+	stargazers_count: number;
+	name: string;
+	full_name: string;
+	description: string;
+	html_url: string;
+}
+
+async function fetchGitHubStars(owner: string, repo: string) {
+	try {
+		const response = await fetch(
+			`https://api.github.com/repos/${owner}/${repo}`,
+			{
+				headers: {
+					"User-Agent": "Doras-UI/1.0",
+					Accept: "application/vnd.github.v3+json",
+					// Add GitHub token if you have one (recommended for higher rate limits)
+					// Authorization: `token ${process.env.GITHUB_TOKEN}`,
+				},
+			},
+		);
+
+		if (!response.ok) {
+			throw new Error(`GitHub API error: ${response.statusText}`);
+		}
+
+		const data: GitHubRepo = await response.json();
+
+		return {
+			stars: data.stargazers_count,
+			name: data.name,
+			fullName: data.full_name,
+			description: data.description,
+			url: data.html_url,
+		};
+	} catch (error) {
+		console.error("Error fetching GitHub stars:", error);
+		throw error;
+	}
+}
+
+export const Route = createFileRoute("/api/github-stars")({
+	server: {
+		handlers: {
+			GET: async ({ request }) => {
+				const url = new URL(request.url);
+				const owner = url.searchParams.get("owner") || "dorasto";
+				const repo = url.searchParams.get("repo") || "ui";
+
+				try {
+					const repoData = await fetchGitHubStars(owner, repo);
+
+					// Add cache headers to avoid hitting rate limits too often
+					return Response.json(repoData, {
+						headers: {
+							"Cache-Control": "public, max-age=300", // Cache for 5 minutes
+						},
+					});
+				} catch (error) {
+					return Response.json(
+						{
+							error: "Failed to fetch GitHub repository data",
+							message: error instanceof Error ? error.message : "Unknown error",
+						},
+						{ status: 500 },
+					);
+				}
+			},
+		},
+	},
+});
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index e37714d..44f5eab 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,7 +1,10 @@
 import { createFileRoute, Link } from "@tanstack/react-router";
-import { ArrowRight, Package } from "lucide-react";
+import { ArrowRight, Package, Star } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
 import { blocksMetadata } from "@/content/blocks-metadata";
+import { useGitHubStars } from "@/hooks/use-github-stars";
 import { seo } from "@/utils/seo";
 
 export const Route = createFileRoute("/")({
@@ -21,6 +24,7 @@ export const Route = createFileRoute("/")({
 function App() {
 	const totalBlocks = blocksMetadata.length;
 	const categories = [...new Set(blocksMetadata.map((b) => b.category))];
+	const { data: githubData, isLoading: isLoadingStars } = useGitHubStars();
 
 	return (
 		<div className="container mx-auto py-20 px-4">
@@ -33,18 +37,34 @@ function App() {
 					</p>
 				</div>
 
-				<div className="flex items-center justify-center gap-6 text-sm text-muted-foreground">
-					<div className="flex items-center gap-2">
+				<div className="flex items-center justify-center gap-4 text-sm">
+					<Badge variant="secondary" className="flex items-center gap-2 h-6">
 						<Package className="h-4 w-4" />
 						<span>
 							{totalBlocks} {totalBlocks === 1 ? "Block" : "Blocks"}
 						</span>
-					</div>
-					<div className="h-4 w-px bg-border" />
-					<div>
-						{categories.length}{" "}
-						{categories.length === 1 ? "Category" : "Categories"}
-					</div>
+					</Badge>
+					<Badge variant="secondary" className="flex items-center gap-2 h-6">
+						<span>
+							{categories.length}{" "}
+							{categories.length === 1 ? "Category" : "Categories"}
+						</span>
+					</Badge>
+					{isLoadingStars ? (
+						<Skeleton className="h-6 w-20" />
+					) : (
+						<a href="https://github.com/dorasto/ui">
+							<Badge
+								variant="secondary"
+								className="flex items-center gap-2 h-6"
+							>
+								<Star className="h-4 w-4" />
+								<span>
+									{isLoadingStars ? "" : githubData?.stars || "0"} stars
+								</span>
+							</Badge>
+						</a>
+					)}
 				</div>
 
 				<div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">