diff --git a/apps/registry/app/llms-full.txt/route.ts b/apps/registry/app/llms-full.txt/route.ts
index c1c5fb42..6cd49e95 100644
--- a/apps/registry/app/llms-full.txt/route.ts
+++ b/apps/registry/app/llms-full.txt/route.ts
@@ -1,20 +1,25 @@
 import { readFile } from "node:fs/promises";
 import path from "node:path";
 
+import {
+  getTemplateGithubUrl,
+  getTemplatePath,
+  TEMPLATES,
+} from "../../lib/templates";
 import registry from "../../registry.json";
 
 const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://ui.vllnt.ai";
 
 type RegistryItem = {
-  readonly name: string;
-  readonly title: string;
-  readonly description: string;
   readonly category: string;
   readonly dependencies?: readonly string[];
+  readonly description: string;
+  readonly name: string;
   readonly registryDependencies?: readonly string[];
+  readonly title: string;
 };
 
-const DOC_PAGES: ReadonlyArray<{ slug: string; title: string }> = [
+const DOC_PAGES: readonly { slug: string; title: string }[] = [
   { slug: "home", title: "Get Started" },
   { slug: "docs", title: "Documentation" },
   { slug: "philosophy", title: "Philosophy" },
@@ -28,13 +33,8 @@ function stripFrontmatter(source: string): string {
   return source.slice(end + 4).replace(/^\n+/, "");
 }
 
-async function readDocPage(slug: string): Promise<string> {
-  const file = path.join(
-    process.cwd(),
-    "content",
-    "pages",
-    `${slug}.mdx`,
-  );
+async function readDocumentPage(slug: string): Promise<string> {
+  const file = path.join(process.cwd(), "content", "pages", `${slug}.mdx`);
   try {
     const raw = await readFile(file, "utf8");
     return stripFrontmatter(raw).trim();
@@ -61,12 +61,11 @@ async function buildLlmsFullTxt(): Promise<string> {
   lines.push("");
   lines.push("```bash");
   lines.push(`pnpm dlx shadcn@latest add ${SITE_URL}/r/<name>.json`);
-  lines.push(`# Or with npm: npx shadcn@latest add ${SITE_URL}/r/<name>.json`);
   lines.push("```");
   lines.push("");
 
   for (const page of DOC_PAGES) {
-    const body = await readDocPage(page.slug);
+    const body = await readDocumentPage(page.slug);
     if (!body) continue;
     lines.push(`## ${page.title}`);
     lines.push("");
@@ -76,6 +75,25 @@ async function buildLlmsFullTxt(): Promise<string> {
     lines.push("");
   }
 
+  lines.push("## Templates");
+  lines.push("");
+  lines.push(
+    "Starter kits pair complete app shapes with component lists and source paths that can be copied or adapted until a supported template CLI is available.",
+  );
+  lines.push("");
+
+  for (const template of TEMPLATES) {
+    lines.push(`### ${template.title}`);
+    lines.push("");
+    lines.push(`- Slug: \`${template.slug}\``);
+    lines.push(`- Page: ${SITE_URL}${getTemplatePath(template)}`);
+    lines.push(`- Demo: ${template.demoUrl}`);
+    lines.push(`- Source: ${getTemplateGithubUrl(template)}`);
+    lines.push(`- Audience: ${template.audience}`);
+    lines.push(`- Components: ${template.components.join(", ")}`);
+    lines.push("");
+  }
+
   lines.push("## Components");
   lines.push("");
   lines.push(
@@ -107,14 +125,15 @@ async function buildLlmsFullTxt(): Promise<string> {
 }
 
 export const dynamic = "force-static";
-export const revalidate = 86400;
+export const revalidate = 86_400;
 
 export async function GET(): Promise<Response> {
   const body = await buildLlmsFullTxt();
   return new Response(body, {
     headers: {
+      "Cache-Control":
+        "public, max-age=0, s-maxage=86400, stale-while-revalidate=604800",
       "Content-Type": "text/plain; charset=utf-8",
-      "Cache-Control": "public, max-age=0, s-maxage=86400, stale-while-revalidate=604800",
     },
   });
 }
diff --git a/apps/registry/app/llms.txt/route.ts b/apps/registry/app/llms.txt/route.ts
index 32130fb2..75caf853 100644
--- a/apps/registry/app/llms.txt/route.ts
+++ b/apps/registry/app/llms.txt/route.ts
@@ -1,12 +1,17 @@
+import {
+  getTemplateGithubUrl,
+  getTemplatePath,
+  TEMPLATES,
+} from "../../lib/templates";
 import registry from "../../registry.json";
 
 const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://ui.vllnt.ai";
 
 type RegistryItem = {
+  readonly category: string;
+  readonly description: string;
   readonly name: string;
   readonly title: string;
-  readonly description: string;
-  readonly category: string;
 };
 
 const CATEGORY_ORDER: readonly string[] = [
@@ -51,9 +56,7 @@ function buildLlmsTxt(): string {
 
   const sortedCategories = [
     ...CATEGORY_ORDER.filter((c) => grouped.has(c)),
-    ...[...grouped.keys()]
-      .filter((c) => !CATEGORY_ORDER.includes(c))
-      .sort(),
+    ...[...grouped.keys()].filter((c) => !CATEGORY_ORDER.includes(c)).sort(),
   ];
 
   const lines: string[] = [];
@@ -79,6 +82,19 @@ function buildLlmsTxt(): string {
   lines.push(
     `- [Components index](${SITE_URL}/components): browse all components by category`,
   );
+  lines.push(
+    `- [Templates](${SITE_URL}/templates): starter kits for full VLLNT UI apps`,
+  );
+  lines.push("");
+
+  lines.push("## Templates");
+  lines.push("");
+  for (const template of TEMPLATES) {
+    lines.push(
+      `- [${template.title}](${SITE_URL}${getTemplatePath(template)}): ` +
+        `${template.description} Source: ${getTemplateGithubUrl(template)}`,
+    );
+  }
   lines.push("");
 
   lines.push("## Registry API");
@@ -102,7 +118,9 @@ function buildLlmsTxt(): string {
     const label = CATEGORY_LABEL[category] ?? category;
     lines.push(`## Components — ${label}`);
     lines.push("");
-    for (const item of [...bucket].sort((a, b) => a.name.localeCompare(b.name))) {
+    for (const item of [...bucket].sort((a, b) =>
+      a.name.localeCompare(b.name),
+    )) {
       lines.push(
         `- [${item.title}](${SITE_URL}/components/${item.name}): ${item.description}`,
       );
@@ -114,13 +132,14 @@ function buildLlmsTxt(): string {
 }
 
 export const dynamic = "force-static";
-export const revalidate = 86400;
+export const revalidate = 86_400;
 
 export function GET(): Response {
   return new Response(buildLlmsTxt(), {
     headers: {
+      "Cache-Control":
+        "public, max-age=0, s-maxage=86400, stale-while-revalidate=604800",
       "Content-Type": "text/plain; charset=utf-8",
-      "Cache-Control": "public, max-age=0, s-maxage=86400, stale-while-revalidate=604800",
     },
   });
 }
diff --git a/apps/registry/app/sitemap.ts b/apps/registry/app/sitemap.ts
index 816f585b..07db7acb 100644
--- a/apps/registry/app/sitemap.ts
+++ b/apps/registry/app/sitemap.ts
@@ -1,5 +1,6 @@
 import type { MetadataRoute } from "next";
 
+import { getTemplatePath, TEMPLATES } from "../lib/templates";
 import registry from "../registry.json";
 
 const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://ui.vllnt.ai";
@@ -36,8 +37,21 @@ export default function sitemap(): MetadataRoute.Sitemap {
       changeFrequency: "monthly",
       priority: 0.6,
     },
+    {
+      url: `${SITE_URL}/templates`,
+      lastModified,
+      changeFrequency: "weekly",
+      priority: 0.8,
+    },
   ];
 
+  const templateRoutes: MetadataRoute.Sitemap = TEMPLATES.map((template) => ({
+    url: `${SITE_URL}${getTemplatePath(template)}`,
+    lastModified,
+    changeFrequency: "weekly",
+    priority: 0.7,
+  }));
+
   const items = (registry as { readonly items: readonly RegistryItem[] }).items;
 
   const componentRoutes: MetadataRoute.Sitemap = items.map((item) => ({
@@ -62,5 +76,10 @@ export default function sitemap(): MetadataRoute.Sitemap {
     })),
   ];
 
-  return [...staticRoutes, ...componentRoutes, ...registryEndpoints];
+  return [
+    ...staticRoutes,
+    ...templateRoutes,
+    ...componentRoutes,
+    ...registryEndpoints,
+  ];
 }
diff --git a/apps/registry/app/templates/[slug]/page.tsx b/apps/registry/app/templates/[slug]/page.tsx
new file mode 100644
index 00000000..b493d72e
--- /dev/null
+++ b/apps/registry/app/templates/[slug]/page.tsx
@@ -0,0 +1,225 @@
+import { Breadcrumb, Sidebar } from "@vllnt/ui";
+import { ExternalLink, Github } from "lucide-react";
+import type { Metadata } from "next";
+import Image from "next/image";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import Script from "next/script";
+
+import {
+  breadcrumbLd,
+  jsonLdScriptAttributes,
+  softwareApplicationLd,
+} from "@/lib/jsonld";
+import { generateOGMetadata, generateTwitterMetadata } from "@/lib/og";
+import { canonical } from "@/lib/seo";
+import { getSidebarSections } from "@/lib/sidebar-sections";
+import {
+  getTemplate,
+  getTemplateGithubUrl,
+  getTemplatePath,
+  TEMPLATES,
+} from "@/lib/templates";
+
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://ui.vllnt.ai";
+
+type Props = {
+  params: Promise<{ slug: string }>;
+};
+
+export function generateStaticParams(): { slug: string }[] {
+  return TEMPLATES.map((template) => ({ slug: template.slug }));
+}
+
+export async function generateMetadata(props: Props): Promise<Metadata> {
+  const { slug } = await props.params;
+  const template = getTemplate(slug);
+
+  if (!template) {
+    return {
+      title: "Templates - VLLNT UI",
+    };
+  }
+
+  const title = `${template.title} Template - VLLNT UI`;
+
+  return {
+    alternates: { canonical: canonical(getTemplatePath(template)) },
+    description: template.description,
+    openGraph: generateOGMetadata({
+      description: template.description,
+      title,
+      type: "docs",
+    }),
+    title,
+    twitter: generateTwitterMetadata({
+      description: template.description,
+      title,
+      type: "docs",
+    }),
+  };
+}
+
+export default async function TemplatePage(props: Props) {
+  const { slug } = await props.params;
+  const template = getTemplate(slug);
+
+  if (!template) {
+    notFound();
+  }
+
+  const templatePath = getTemplatePath(template);
+  const templateUrl = `${SITE_URL}${templatePath}`;
+  const githubUrl = getTemplateGithubUrl(template);
+
+  return (
+    <>
+      <Script
+        id={`template-${template.slug}-json-ld`}
+        {...jsonLdScriptAttributes([
+          breadcrumbLd([
+            { name: "Home", url: SITE_URL },
+            { name: "Templates", url: `${SITE_URL}/templates` },
+            { name: template.title, url: templateUrl },
+          ]),
+          softwareApplicationLd({
+            description: template.description,
+            name: template.title,
+            url: templateUrl,
+          }),
+        ])}
+      />
+      <Sidebar sections={getSidebarSections()} />
+      <main className="flex-1 overflow-y-auto bg-background">
+        <div className="container mx-auto px-4 py-16 lg:px-8">
+          <Breadcrumb
+            className="mb-6 text-muted-foreground"
+            items={[
+              { href: "/", label: "Home" },
+              { href: "/templates", label: "Templates" },
+              { label: template.title },
+            ]}
+          />
+
+          <div className="grid gap-10 lg:grid-cols-[minmax(0,1fr)_360px]">
+            <section>
+              <p className="text-sm font-medium uppercase tracking-wide text-muted-foreground">
+                Template
+              </p>
+              <h1 className="mt-2 text-4xl font-semibold">{template.title}</h1>
+              <p className="mt-4 max-w-3xl text-lg text-muted-foreground">
+                {template.description}
+              </p>
+
+              <div className="mt-8 overflow-hidden rounded-md border border-border bg-muted/30">
+                <Image
+                  alt=""
+                  className="aspect-video w-full object-cover"
+                  height={720}
+                  priority
+                  src={template.screenshot}
+                  width={1280}
+                />
+              </div>
+
+              <section className="mt-10">
+                <h2 className="text-2xl font-semibold">Source</h2>
+                <p className="mt-4 text-sm text-muted-foreground">
+                  This template is available as source in the VLLNT UI
+                  repository. Copy or adapt the files from the template source
+                  until a supported template CLI is available.
+                </p>
+              </section>
+
+              <section className="mt-10">
+                <h2 className="text-2xl font-semibold">What is included</h2>
+                <ul className="mt-4 grid gap-3 md:grid-cols-2">
+                  {template.highlights.map((highlight) => (
+                    <li
+                      className="rounded-md border border-border bg-card p-4 text-sm text-muted-foreground"
+                      key={highlight}
+                    >
+                      {highlight}
+                    </li>
+                  ))}
+                </ul>
+              </section>
+
+              <section className="mt-10">
+                <h2 className="text-2xl font-semibold">Components</h2>
+                <ul className="mt-4 flex flex-wrap gap-2">
+                  {template.components.map((component) => (
+                    <li key={component}>
+                      <Link
+                        className="inline-flex h-8 items-center rounded-md border border-border px-3 text-sm hover:bg-muted"
+                        href={`/components/${component}`}
+                      >
+                        {component}
+                      </Link>
+                    </li>
+                  ))}
+                </ul>
+              </section>
+            </section>
+
+            <aside className="space-y-6">
+              <section className="rounded-md border border-border bg-card p-5">
+                <h2 className="text-lg font-semibold">Links</h2>
+                <div className="mt-4 grid gap-3">
+                  <a
+                    className="inline-flex h-10 items-center justify-center gap-2 rounded-md bg-foreground px-4 text-sm font-medium text-background hover:opacity-90"
+                    href={template.demoUrl}
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Live demo
+                    <ExternalLink className="size-4" />
+                  </a>
+                  <a
+                    className="inline-flex h-10 items-center justify-center gap-2 rounded-md border border-border px-4 text-sm font-medium hover:bg-muted"
+                    href={githubUrl}
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    <Github className="size-4" />
+                    GitHub source
+                  </a>
+                </div>
+              </section>
+
+              <section className="rounded-md border border-border bg-card p-5">
+                <h2 className="text-lg font-semibold">Fit</h2>
+                <p className="mt-2 text-sm text-muted-foreground">
+                  {template.audience}
+                </p>
+              </section>
+
+              <section className="rounded-md border border-border bg-card p-5">
+                <h2 className="text-lg font-semibold">Pages</h2>
+                <ul className="mt-3 space-y-2 text-sm text-muted-foreground">
+                  {template.pages.map((page) => (
+                    <li key={page}>{page}</li>
+                  ))}
+                </ul>
+              </section>
+
+              <section className="rounded-md border border-border bg-card p-5">
+                <h2 className="text-lg font-semibold">Stack</h2>
+                <ul className="mt-3 flex flex-wrap gap-2">
+                  {template.stack.map((item) => (
+                    <li
+                      className="rounded-md bg-muted px-2.5 py-1 text-xs font-medium"
+                      key={item}
+                    >
+                      {item}
+                    </li>
+                  ))}
+                </ul>
+              </section>
+            </aside>
+          </div>
+        </div>
+      </main>
+    </>
+  );
+}
diff --git a/apps/registry/app/templates/page.tsx b/apps/registry/app/templates/page.tsx
new file mode 100644
index 00000000..e0fb8e46
--- /dev/null
+++ b/apps/registry/app/templates/page.tsx
@@ -0,0 +1,128 @@
+import { Sidebar } from "@vllnt/ui";
+import { ArrowRight } from "lucide-react";
+import type { Metadata } from "next";
+import Image from "next/image";
+import Link from "next/link";
+import Script from "next/script";
+
+import { jsonLdScriptAttributes, softwareApplicationLd } from "@/lib/jsonld";
+import { generateOGMetadata, generateTwitterMetadata } from "@/lib/og";
+import { canonical } from "@/lib/seo";
+import { getSidebarSections } from "@/lib/sidebar-sections";
+import { getTemplatePath, TEMPLATES } from "@/lib/templates";
+
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://ui.vllnt.ai";
+
+const title = "Templates - VLLNT UI";
+const description =
+  "Starter kits for Next.js apps, dashboards, SaaS products, AI chat, and documentation sites built with VLLNT UI.";
+
+export const metadata: Metadata = {
+  alternates: { canonical: canonical("/templates") },
+  description,
+  openGraph: generateOGMetadata({
+    description,
+    title,
+    type: "docs",
+  }),
+  title,
+  twitter: generateTwitterMetadata({
+    description,
+    title,
+    type: "docs",
+  }),
+};
+
+export default function TemplatesPage() {
+  return (
+    <>
+      <Script
+        id="templates-json-ld"
+        {...jsonLdScriptAttributes(
+          TEMPLATES.map((template) =>
+            softwareApplicationLd({
+              description: template.description,
+              name: template.title,
+              url: `${SITE_URL}${getTemplatePath(template)}`,
+            }),
+          ),
+        )}
+      />
+      <Sidebar sections={getSidebarSections()} />
+      <main className="flex-1 overflow-y-auto bg-background">
+        <div className="container mx-auto px-4 py-16 lg:px-8">
+          <div className="max-w-3xl">
+            <p className="text-sm font-medium uppercase tracking-wide text-muted-foreground">
+              Starter kits
+            </p>
+            <h1 className="mt-2 text-4xl font-semibold">Templates</h1>
+            <p className="mt-4 text-lg text-muted-foreground">
+              Curated app blueprints that show how VLLNT UI components work in
+              finished product surfaces, not only isolated component examples.
+            </p>
+          </div>
+
+          <ul className="mt-12 grid gap-5 lg:grid-cols-2">
+            {TEMPLATES.map((template) => (
+              <li
+                className="overflow-hidden rounded-md border border-border bg-card"
+                key={template.slug}
+              >
+                <Link className="group block" href={getTemplatePath(template)}>
+                  <div className="border-b border-border bg-muted/30">
+                    <Image
+                      alt=""
+                      className="aspect-video w-full object-cover"
+                      height={720}
+                      src={template.screenshot}
+                      width={1280}
+                    />
+                  </div>
+                  <div className="p-5">
+                    <div className="flex items-start justify-between gap-4">
+                      <div>
+                        <h2 className="text-xl font-semibold">
+                          {template.title}
+                        </h2>
+                        <p className="mt-2 text-sm text-muted-foreground">
+                          {template.description}
+                        </p>
+                      </div>
+                      <ArrowRight className="mt-1 size-4 shrink-0 text-muted-foreground transition-transform group-hover:translate-x-0.5" />
+                    </div>
+                    <dl className="mt-5 grid gap-3 text-sm sm:grid-cols-3">
+                      <div>
+                        <dt className="text-xs uppercase tracking-wide text-muted-foreground">
+                          Pages
+                        </dt>
+                        <dd className="mt-1 font-medium">
+                          {template.pages.length}
+                        </dd>
+                      </div>
+                      <div>
+                        <dt className="text-xs uppercase tracking-wide text-muted-foreground">
+                          Components
+                        </dt>
+                        <dd className="mt-1 font-medium">
+                          {template.components.length}
+                        </dd>
+                      </div>
+                      <div>
+                        <dt className="text-xs uppercase tracking-wide text-muted-foreground">
+                          Stack
+                        </dt>
+                        <dd className="mt-1 font-medium">
+                          {template.stack[0]}
+                        </dd>
+                      </div>
+                    </dl>
+                  </div>
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </div>
+      </main>
+    </>
+  );
+}
diff --git a/apps/registry/app/vs/shadcn/page.tsx b/apps/registry/app/vs/shadcn/page.tsx
index bdcda1f4..dde0b29c 100644
--- a/apps/registry/app/vs/shadcn/page.tsx
+++ b/apps/registry/app/vs/shadcn/page.tsx
@@ -1,5 +1,6 @@
 import { Sidebar } from "@vllnt/ui";
 import type { Metadata } from "next";
+import Link from "next/link";
 
 import { canonical } from "@/lib/seo";
 import { getSidebarSections } from "@/lib/sidebar-sections";
@@ -122,9 +123,9 @@ export default function VsShadcnPage() {
     },
     {
       attribute: "Templates / starter kits",
-      vllnt: "Coming soon",
+      vllnt: "Curated app templates for Next.js, dashboards, SaaS, AI chat, and docs",
       shadcn: "Many official + community templates",
-      winner: "shadcn",
+      winner: "even",
     },
     {
       attribute: "License",
@@ -159,6 +160,11 @@ export default function VsShadcnPage() {
               the broadest curated component set and a registry that AI agents
               can read directly, VLLNT UI wins.
             </p>
+            <p>
+              VLLNT UI now includes a{" "}
+              <Link href="/templates">starter kit gallery</Link> for finished
+              app shells built from the registry.
+            </p>
           </div>
 
           <h2 className="mt-12 text-2xl font-semibold">Side-by-side</h2>
diff --git a/apps/registry/components/header/header.tsx b/apps/registry/components/header/header.tsx
index 54842b4b..17109991 100644
--- a/apps/registry/components/header/header.tsx
+++ b/apps/registry/components/header/header.tsx
@@ -13,22 +13,29 @@ type Registry = {
 };
 
 export function Header() {
-  const router = useRouter();
+  const { push } = useRouter();
   const registry = registryData as Registry;
 
   const navItems = [
     { href: "/", title: "Get Started" },
     { href: "/philosophy", title: "Philosophy" },
     { href: "/components", title: "Components" },
+    { href: "/templates", title: "Templates" },
   ];
 
-  const searchItems = registry.items
-    .filter((item) => item.type === "registry:component")
-    .map((item) => ({
+  const searchItems = registry.items.reduce<
+    { description?: string; id: string; title: string }[]
+  >((items, item) => {
+    if (item.type !== "registry:component") return items;
+
+    items.push({
       description: item.description,
       id: item.name,
       title: item.title,
-    }));
+    });
+
+    return items;
+  }, []);
 
   return (
     <NavbarSaas
@@ -42,18 +49,18 @@ export function Header() {
             groupHeading="Components"
             items={searchItems}
             onSelect={(item) => {
-              router.push(`/components/${item.id}`);
+              push(`/components/${item.id}`);
             }}
             searchPlaceholder="Search components..."
           />
           <a
             aria-label="VLLNT UI on GitHub"
-            className="inline-flex h-9 w-9 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground"
+            className="inline-flex size-9 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground"
             href={GITHUB_URL}
             rel="noreferrer"
             target="_blank"
           >
-            <Github className="h-4 w-4" />
+            <Github className="size-4" />
           </a>
         </div>
       }
diff --git a/apps/registry/components/landing/landing.tsx b/apps/registry/components/landing/landing.tsx
index 14aa6d5c..d1077bbc 100644
--- a/apps/registry/components/landing/landing.tsx
+++ b/apps/registry/components/landing/landing.tsx
@@ -39,7 +39,7 @@ function Hero({
     <section className="border-b border-border">
       <div className="mx-auto max-w-7xl px-4 py-20 lg:px-8">
         <p className="text-sm font-medium uppercase tracking-wide text-muted-foreground">
-          v{version} · MIT
+          v{version} / MIT
         </p>
         <h1 className="mt-3 text-4xl font-semibold leading-tight md:text-5xl lg:text-6xl">
           {componentCount} agent-first React components.
@@ -64,7 +64,13 @@ function Hero({
             href="/components"
           >
             Browse {componentCount} components
-            <ArrowRight className="h-4 w-4" />
+            <ArrowRight className="size-4" />
+          </Link>
+          <Link
+            className="inline-flex h-11 items-center gap-2 rounded-md border border-border px-5 text-sm font-medium hover:bg-muted"
+            href="/templates"
+          >
+            Browse templates
           </Link>
           <Link
             className="inline-flex h-11 items-center gap-2 rounded-md border border-border px-5 text-sm font-medium hover:bg-muted"
@@ -78,7 +84,7 @@ function Hero({
             rel="noreferrer"
             target="_blank"
           >
-            <Github className="h-4 w-4" />
+            <Github className="size-4" />
             GitHub
           </a>
         </div>
@@ -109,18 +115,15 @@ function Stats({
   generatedAt?: string;
   version: string;
 }) {
+  const buildDate = generatedAt?.slice(0, 10) ?? "-";
+
   return (
     <section className="border-b border-border bg-muted/30">
       <div className="mx-auto grid max-w-7xl grid-cols-2 gap-6 px-4 py-12 lg:grid-cols-4 lg:px-8">
         <Stat label="Components" value={String(componentCount)} />
         <Stat label="Categories" value={String(categoryCount)} />
         <Stat label="Library version" value={`v${version}`} />
-        <Stat
-          label="Last build"
-          value={
-            generatedAt ? new Date(generatedAt).toISOString().slice(0, 10) : "—"
-          }
-        />
+        <Stat label="Last build" value={buildDate} />
       </div>
     </section>
   );
@@ -140,7 +143,7 @@ function AgentCallout() {
     <section className="border-b border-border">
       <div className="mx-auto max-w-7xl px-4 py-16 lg:px-8">
         <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground">
-          <Sparkles className="h-4 w-4" />
+          <Sparkles className="size-4" />
           Agent-first
         </div>
         <h2 className="mt-2 text-3xl font-semibold">
@@ -155,12 +158,12 @@ function AgentCallout() {
 
         <div className="mt-8 grid gap-4 md:grid-cols-3">
           <AgentCard
-            description="Concise index per the llmstxt.org spec — sections, links, descriptions."
+            description="Concise index per the llmstxt.org spec - sections, links, descriptions."
             href="/llms.txt"
             title="/llms.txt"
           />
           <AgentCard
-            description="Full registry context in one fetch — docs + per-component descriptors."
+            description="Full registry context in one fetch - docs + per-component descriptors."
             href="/llms-full.txt"
             title="/llms-full.txt"
           />
@@ -192,13 +195,13 @@ function AgentCard({
       target="_blank"
     >
       <div className="flex items-center gap-2 text-sm font-mono">
-        <Terminal className="h-4 w-4 text-muted-foreground" />
+        <Terminal className="size-4 text-muted-foreground" />
         <span>{title}</span>
       </div>
       <p className="mt-3 text-sm text-muted-foreground">{description}</p>
       <p className="mt-4 inline-flex items-center gap-1 text-xs font-medium text-foreground">
         Open
-        <ArrowRight className="h-3 w-3 transition-transform group-hover:translate-x-0.5" />
+        <ArrowRight className="size-3 transition-transform group-hover:translate-x-0.5" />
       </p>
     </a>
   );
@@ -255,7 +258,7 @@ function CommunityCTA() {
             rel="noreferrer"
             target="_blank"
           >
-            <Github className="h-4 w-4" />
+            <Github className="size-4" />
             Star on GitHub
           </a>
           <a
diff --git a/apps/registry/lib/jsonld.ts b/apps/registry/lib/jsonld.ts
index 2459df26..fa3aa84f 100644
--- a/apps/registry/lib/jsonld.ts
+++ b/apps/registry/lib/jsonld.ts
@@ -1,22 +1,29 @@
 const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://ui.vllnt.ai";
 
 type JsonLdValue =
-  | string
-  | number
   | boolean
   | null
+  | number
   | readonly JsonLdValue[]
+  | string
   | { readonly [key: string]: JsonLdValue };
 
-type JsonLdNode = { readonly [key: string]: JsonLdValue };
+type JsonLdNode = Readonly<Record<string, JsonLdValue>>;
+
+export type JsonLdScriptAttributes = {
+  readonly dangerouslySetInnerHTML: {
+    readonly __html: string;
+  };
+  readonly type: "application/ld+json";
+};
 
 export function organizationLd(): JsonLdNode {
   return {
     "@context": "https://schema.org",
     "@type": "Organization",
     name: "VLLNT",
-    url: SITE_URL,
     sameAs: ["https://github.com/vllnt", "https://github.com/vllnt/ui"],
+    url: SITE_URL,
   };
 }
 
@@ -25,66 +32,111 @@ export function websiteLd(): JsonLdNode {
     "@context": "https://schema.org",
     "@type": "WebSite",
     name: "VLLNT UI",
-    url: SITE_URL,
     publisher: {
       "@type": "Organization",
       name: "VLLNT",
     },
+    url: SITE_URL,
   };
 }
 
 export function softwareSourceCodeLd(component: {
+  readonly description: string;
   readonly name: string;
   readonly title: string;
-  readonly description: string;
 }): JsonLdNode {
   return {
     "@context": "https://schema.org",
     "@type": "SoftwareSourceCode",
-    name: component.title,
-    description: component.description,
     codeRepository: "https://github.com/vllnt/ui",
+    description: component.description,
+    license: "https://opensource.org/license/mit",
+    name: component.title,
     programmingLanguage: "TypeScript",
     runtimePlatform: "React",
-    license: "https://opensource.org/license/mit",
     url: `${SITE_URL}/components/${component.name}`,
   };
 }
 
-export function itemListLd(items: ReadonlyArray<{
-  readonly name: string;
-  readonly title: string;
-}>): JsonLdNode {
+export function itemListLd(
+  items: readonly {
+    readonly name: string;
+    readonly title: string;
+  }[],
+): JsonLdNode {
   return {
     "@context": "https://schema.org",
     "@type": "ItemList",
-    name: "VLLNT UI Components",
-    numberOfItems: items.length,
     itemListElement: items.map((item, index) => ({
       "@type": "ListItem",
-      position: index + 1,
       name: item.title,
+      position: index + 1,
       url: `${SITE_URL}/components/${item.name}`,
     })),
+    name: "VLLNT UI Components",
+    numberOfItems: items.length,
   };
 }
 
-export function breadcrumbLd(trail: ReadonlyArray<{
-  readonly name: string;
-  readonly url: string;
-}>): JsonLdNode {
+export function breadcrumbLd(
+  trail: readonly {
+    readonly name: string;
+    readonly url: string;
+  }[],
+): JsonLdNode {
   return {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
     itemListElement: trail.map((step, index) => ({
       "@type": "ListItem",
-      position: index + 1,
-      name: step.name,
       item: step.url,
+      name: step.name,
+      position: index + 1,
     })),
   };
 }
 
+export function softwareApplicationLd(application: {
+  readonly description: string;
+  readonly installCommand?: string;
+  readonly name: string;
+  readonly url: string;
+}): JsonLdNode {
+  const node: JsonLdNode = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    applicationCategory: "DeveloperApplication",
+    codeRepository: "https://github.com/vllnt/ui",
+    description: application.description,
+    installUrl: application.url,
+    name: application.name,
+    operatingSystem: "Web",
+    softwareRequirements: "Node.js, pnpm, React, Tailwind CSS",
+    url: application.url,
+  };
+
+  if (application.installCommand) {
+    return {
+      ...node,
+      potentialAction: {
+        "@type": "InstallAction",
+        target: application.installCommand,
+      },
+    };
+  }
+
+  return node;
+}
+
 export function jsonLdScript(node: JsonLdNode | readonly JsonLdNode[]): string {
-  return JSON.stringify(node);
+  return JSON.stringify(node).replaceAll("<", "\\u003c");
+}
+
+export function jsonLdScriptAttributes(
+  node: JsonLdNode | readonly JsonLdNode[],
+): JsonLdScriptAttributes {
+  return {
+    dangerouslySetInnerHTML: { __html: jsonLdScript(node) },
+    type: "application/ld+json",
+  };
 }
diff --git a/apps/registry/lib/sidebar-sections.ts b/apps/registry/lib/sidebar-sections.ts
index 3113e4a8..ed57c1b1 100644
--- a/apps/registry/lib/sidebar-sections.ts
+++ b/apps/registry/lib/sidebar-sections.ts
@@ -71,6 +71,7 @@ export function getSidebarSections(_activeCategory?: ComponentCategory) {
         { href: "/", title: "Get Started" },
         { href: "/philosophy", title: "Philosophy" },
         { href: "/components", title: "Components" },
+        { href: "/templates", title: "Templates" },
       ],
     },
     ...groupedComponents.map((group) => ({
diff --git a/apps/registry/lib/templates.ts b/apps/registry/lib/templates.ts
new file mode 100644
index 00000000..aa4625a6
--- /dev/null
+++ b/apps/registry/lib/templates.ts
@@ -0,0 +1,198 @@
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? "https://ui.vllnt.ai";
+const GITHUB_REPO_URL = "https://github.com/vllnt/ui";
+
+export type Template = {
+  readonly audience: string;
+  readonly components: readonly string[];
+  readonly demoUrl: string;
+  readonly description: string;
+  readonly githubPath: string;
+  readonly highlights: readonly string[];
+  readonly pages: readonly string[];
+  readonly screenshot: string;
+  readonly slug: string;
+  readonly stack: readonly string[];
+  readonly title: string;
+};
+
+export const TEMPLATES: readonly Template[] = [
+  {
+    audience: "Teams starting a production App Router project.",
+    components: [
+      "button",
+      "card",
+      "form",
+      "input",
+      "tabs",
+      "navbar-saas",
+      "theme-provider",
+    ],
+    demoUrl: `${SITE_URL}/templates/next-starter`,
+    description:
+      "App Router starter with auth-ready routes, theming, and five example pages wired around VLLNT UI primitives.",
+    githubPath: "templates/next-starter",
+    highlights: [
+      "App Router shell with marketing, app, account, settings, and billing routes.",
+      "Auth-ready layout boundaries without provider lock-in.",
+      "Theme tokens and reusable primitives already connected.",
+    ],
+    pages: ["Home", "Dashboard", "Account", "Settings", "Billing"],
+    screenshot: "/template-screenshots/next-starter.svg",
+    slug: "next-starter",
+    stack: ["Next.js", "React", "Tailwind CSS", "Radix UI"],
+    title: "Next Starter",
+  },
+  {
+    audience: "Internal tools, ops consoles, and product analytics surfaces.",
+    components: [
+      "activity-log",
+      "area-chart",
+      "bar-chart",
+      "button",
+      "calendar",
+      "card",
+      "category-filter",
+      "checkbox",
+      "command",
+      "data-list",
+      "data-table",
+      "date-picker",
+      "dropdown-menu",
+      "filter-bar",
+      "line-chart",
+      "metric-cluster",
+      "metric-gauge",
+      "pagination",
+      "popover",
+      "progress-bar",
+      "scroll-area",
+      "select",
+      "sidebar",
+      "stat-card",
+      "status-board",
+      "status-indicator",
+      "table",
+      "tabs",
+      "toast",
+      "tooltip",
+      "view-switcher",
+      "workspace-switcher",
+    ],
+    demoUrl: `${SITE_URL}/templates/dashboard`,
+    description:
+      "Dense dashboard kit with sidebar navigation, filters, data tables, chart panels, and status-heavy operational views.",
+    githubPath: "templates/dashboard",
+    highlights: [
+      "Thirty plus component references for realistic admin workflows.",
+      "Responsive sidebar, table, chart, and status board composition.",
+      "Seeded dashboard pages for overview, reports, users, and settings.",
+    ],
+    pages: ["Overview", "Reports", "Users", "Operations", "Settings"],
+    screenshot: "/template-screenshots/dashboard.svg",
+    slug: "dashboard",
+    stack: ["Next.js", "React", "Tailwind CSS", "VLLNT charts"],
+    title: "Dashboard",
+  },
+  {
+    audience: "SaaS products that need marketing plus authenticated app UI.",
+    components: [
+      "badge",
+      "banner",
+      "button",
+      "card",
+      "dialog",
+      "form",
+      "input",
+      "navbar-saas",
+      "pricing-table",
+      "profile-section",
+      "subscription-card",
+      "tabs",
+      "toast",
+    ],
+    demoUrl: `${SITE_URL}/templates/saas`,
+    description:
+      "SaaS kit with landing sections, pricing, auth entry points, account billing, and a dashboard shell.",
+    githubPath: "templates/saas",
+    highlights: [
+      "Marketing, pricing, auth, onboarding, and dashboard routes.",
+      "PricingTable and SubscriptionCard composed with app shell primitives.",
+      "Conversion-focused copy blocks without a dependency on a backend.",
+    ],
+    pages: ["Landing", "Pricing", "Sign in", "Onboarding", "Dashboard"],
+    screenshot: "/template-screenshots/saas.svg",
+    slug: "saas",
+    stack: ["Next.js", "React", "Tailwind CSS", "CVA"],
+    title: "SaaS",
+  },
+  {
+    audience: "AI products, chat surfaces, agent consoles, and assistants.",
+    components: [
+      "ai-artifact",
+      "ai-chat-input",
+      "ai-message-bubble",
+      "ai-sidebar",
+      "ai-source-citation",
+      "ai-streaming-text",
+      "ai-tool-call-display",
+      "prompt-templates",
+    ],
+    demoUrl: `${SITE_URL}/templates/ai-chat`,
+    description:
+      "AI chat starter with conversation state, artifacts, citations, tool calls, prompt templates, and an assistant sidebar.",
+    githubPath: "templates/ai-chat",
+    highlights: [
+      "Uses the AI component family as the primary application surface.",
+      "Structured message, artifact, citation, and tool-call sections.",
+      "Prompt template rail for repeatable assistant workflows.",
+    ],
+    pages: ["Chat", "Artifacts", "Sources", "Prompts", "Settings"],
+    screenshot: "/template-screenshots/ai-chat.svg",
+    slug: "ai-chat",
+    stack: ["Next.js", "React", "Tailwind CSS", "AI components"],
+    title: "AI Chat",
+  },
+  {
+    audience: "Library authors and teams publishing component documentation.",
+    components: [
+      "accordion",
+      "breadcrumb",
+      "callout",
+      "code-block",
+      "copy-button",
+      "document-sibling-nav",
+      "mdx-content",
+      "navigation-menu",
+      "search-dialog",
+      "sidebar",
+      "table-of-contents",
+      "tabs",
+    ],
+    demoUrl: `${SITE_URL}/templates/docs-site`,
+    description:
+      "Documentation site kit for libraries that want VLLNT-style docs, navigation, search, code samples, and component pages.",
+    githubPath: "templates/docs-site",
+    highlights: [
+      "MDX-first content model with sidebar and table of contents.",
+      "Component reference pages with install snippets and code blocks.",
+      "Search and sibling navigation patterns for documentation depth.",
+    ],
+    pages: ["Docs home", "Guide", "Components", "Reference", "Changelog"],
+    screenshot: "/template-screenshots/docs-site.svg",
+    slug: "docs-site",
+    stack: ["Next.js", "MDX", "React", "Tailwind CSS"],
+    title: "Docs Site",
+  },
+];
+
+export function getTemplate(slug: string): Template | undefined {
+  return TEMPLATES.find((template) => template.slug === slug);
+}
+
+export function getTemplatePath(template: Template): string {
+  return `/templates/${template.slug}`;
+}
+
+export function getTemplateGithubUrl(template: Template): string {
+  return `${GITHUB_REPO_URL}/tree/main/${template.githubPath}`;
+}
diff --git a/apps/registry/public/template-screenshots/ai-chat.svg b/apps/registry/public/template-screenshots/ai-chat.svg
new file mode 100644
index 00000000..1238441b
--- /dev/null
+++ b/apps/registry/public/template-screenshots/ai-chat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-labelledby="title desc"><title id="title">AI Chat template preview</title><desc id="desc">AI chat workspace preview with message thread, artifacts, and tool calls.</desc><rect width="1280" height="720" fill="#f8fafc"/><rect x="72" y="72" width="1136" height="576" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="104" y="104" width="260" height="512" rx="12" fill="#18181b"/><rect x="408" y="120" width="476" height="92" rx="18" fill="#f4f4f5"/><rect x="520" y="248" width="364" height="92" rx="18" fill="#dcfce7"/><rect x="408" y="376" width="476" height="92" rx="18" fill="#f4f4f5"/><rect x="928" y="120" width="220" height="348" rx="12" fill="#ede9fe"/><rect x="408" y="532" width="740" height="54" rx="14" fill="#18181b"/><text x="132" y="168" fill="#ffffff" font-family="Arial, sans-serif" font-size="36" font-weight="700">AI Chat</text></svg>
diff --git a/apps/registry/public/template-screenshots/dashboard.svg b/apps/registry/public/template-screenshots/dashboard.svg
new file mode 100644
index 00000000..b529037c
--- /dev/null
+++ b/apps/registry/public/template-screenshots/dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-labelledby="title desc"><title id="title">Dashboard template preview</title><desc id="desc">Analytics dashboard preview with sidebar, chart panels, and data cards.</desc><rect width="1280" height="720" fill="#f8fafc"/><rect x="64" y="64" width="1152" height="592" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="64" y="64" width="220" height="592" rx="16" fill="#18181b"/><rect x="326" y="104" width="238" height="120" rx="12" fill="#dcfce7"/><rect x="596" y="104" width="238" height="120" rx="12" fill="#e0f2fe"/><rect x="866" y="104" width="238" height="120" rx="12" fill="#fef3c7"/><rect x="326" y="264" width="500" height="312" rx="12" fill="#f4f4f5"/><path d="M362 520 C430 430 488 480 554 380 S696 330 790 284" fill="none" stroke="#18181b" stroke-width="10"/><rect x="866" y="264" width="250" height="312" rx="12" fill="#f4f4f5"/><text x="104" y="144" fill="#ffffff" font-family="Arial, sans-serif" font-size="34" font-weight="700">Dashboard</text></svg>
diff --git a/apps/registry/public/template-screenshots/docs-site.svg b/apps/registry/public/template-screenshots/docs-site.svg
new file mode 100644
index 00000000..c0b80b2e
--- /dev/null
+++ b/apps/registry/public/template-screenshots/docs-site.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-labelledby="title desc"><title id="title">Docs Site template preview</title><desc id="desc">Documentation layout preview with sidebar, article, and table of contents.</desc><rect width="1280" height="720" fill="#f8fafc"/><rect x="64" y="64" width="1152" height="592" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="96" y="96" width="240" height="528" rx="12" fill="#f4f4f5"/><rect x="384" y="116" width="430" height="44" rx="8" fill="#18181b"/><rect x="384" y="204" width="560" height="20" rx="6" fill="#a1a1aa"/><rect x="384" y="248" width="520" height="20" rx="6" fill="#d4d4d8"/><rect x="384" y="316" width="520" height="150" rx="12" fill="#ecfeff"/><rect x="976" y="116" width="160" height="260" rx="12" fill="#fef3c7"/><text x="384" y="560" fill="#18181b" font-family="Arial, sans-serif" font-size="44" font-weight="700">Docs Site</text></svg>
diff --git a/apps/registry/public/template-screenshots/next-starter.svg b/apps/registry/public/template-screenshots/next-starter.svg
new file mode 100644
index 00000000..f5055d06
--- /dev/null
+++ b/apps/registry/public/template-screenshots/next-starter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-labelledby="title desc"><title id="title">Next Starter template preview</title><desc id="desc">Dashboard-style preview for the Next Starter template.</desc><rect width="1280" height="720" fill="#f8fafc"/><rect x="72" y="72" width="1136" height="576" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="112" y="112" width="1040" height="64" rx="10" fill="#18181b"/><circle cx="152" cy="144" r="12" fill="#84cc16"/><rect x="192" y="132" width="160" height="24" rx="6" fill="#f4f4f5"/><rect x="112" y="216" width="240" height="344" rx="12" fill="#f4f4f5"/><rect x="392" y="216" width="760" height="148" rx="12" fill="#ecfeff"/><rect x="392" y="404" width="360" height="156" rx="12" fill="#fef3c7"/><rect x="792" y="404" width="360" height="156" rx="12" fill="#ede9fe"/><text x="112" y="620" fill="#18181b" font-family="Arial, sans-serif" font-size="44" font-weight="700">Next Starter</text></svg>
diff --git a/apps/registry/public/template-screenshots/saas.svg b/apps/registry/public/template-screenshots/saas.svg
new file mode 100644
index 00000000..84d9dafb
--- /dev/null
+++ b/apps/registry/public/template-screenshots/saas.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-labelledby="title desc"><title id="title">SaaS template preview</title><desc id="desc">Marketing and pricing page preview for the SaaS template.</desc><rect width="1280" height="720" fill="#f8fafc"/><rect x="96" y="80" width="1088" height="560" rx="18" fill="#ffffff" stroke="#d4d4d8"/><rect x="152" y="136" width="976" height="72" rx="14" fill="#18181b"/><rect x="188" y="270" width="420" height="58" rx="10" fill="#18181b"/><rect x="188" y="352" width="520" height="28" rx="8" fill="#a1a1aa"/><rect x="188" y="404" width="180" height="46" rx="8" fill="#84cc16"/><rect x="760" y="270" width="240" height="310" rx="16" fill="#fef3c7"/><rect x="468" y="440" width="240" height="140" rx="16" fill="#ecfeff"/><text x="188" y="552" fill="#18181b" font-family="Arial, sans-serif" font-size="44" font-weight="700">SaaS launch kit</text></svg>
diff --git a/templates/ai-chat/README.md b/templates/ai-chat/README.md
new file mode 100644
index 00000000..e9d6e86a
--- /dev/null
+++ b/templates/ai-chat/README.md
@@ -0,0 +1,23 @@
+# AI Chat
+
+AI chat starter with conversation state, artifacts, citations, tool calls, prompt templates, and an assistant sidebar.
+
+## Source
+
+This template is published as source in the VLLNT UI repository. Copy or adapt the files from the template source until a supported template CLI is available.
+
+- Source: https://github.com/vllnt/ui/tree/main/templates/ai-chat
+
+## Included pages
+
+- Chat
+- Artifacts
+- Sources
+- Prompts
+- Settings
+
+## Demo and assets
+
+- Demo: https://ui.vllnt.ai/templates/ai-chat
+- Screenshot: ./screenshots/preview.svg
+- Source path: templates/ai-chat
diff --git a/templates/ai-chat/screenshots/preview.svg b/templates/ai-chat/screenshots/preview.svg
new file mode 100644
index 00000000..efcc55e7
--- /dev/null
+++ b/templates/ai-chat/screenshots/preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-label="AI Chat preview"><rect width="1280" height="720" fill="#f8fafc"/><rect x="72" y="72" width="1136" height="576" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="104" y="104" width="260" height="512" rx="12" fill="#18181b"/><rect x="408" y="120" width="476" height="92" rx="18" fill="#f4f4f5"/><text x="132" y="168" fill="#ffffff" font-family="Arial, sans-serif" font-size="36" font-weight="700">AI Chat</text></svg>
diff --git a/templates/ai-chat/template.json b/templates/ai-chat/template.json
new file mode 100644
index 00000000..f5f94387
--- /dev/null
+++ b/templates/ai-chat/template.json
@@ -0,0 +1,18 @@
+{
+  "slug": "ai-chat",
+  "title": "AI Chat",
+  "demoUrl": "https://ui.vllnt.ai/templates/ai-chat",
+  "screenshots": [
+    "screenshots/preview.svg"
+  ],
+  "components": [
+    "ai-artifact",
+    "ai-chat-input",
+    "ai-message-bubble",
+    "ai-sidebar",
+    "ai-source-citation",
+    "ai-streaming-text",
+    "ai-tool-call-display",
+    "prompt-templates"
+  ]
+}
diff --git a/templates/dashboard/README.md b/templates/dashboard/README.md
new file mode 100644
index 00000000..0cf59e67
--- /dev/null
+++ b/templates/dashboard/README.md
@@ -0,0 +1,23 @@
+# Dashboard
+
+Dense dashboard kit with sidebar navigation, filters, data tables, chart panels, and status-heavy operational views.
+
+## Source
+
+This template is published as source in the VLLNT UI repository. Copy or adapt the files from the template source until a supported template CLI is available.
+
+- Source: https://github.com/vllnt/ui/tree/main/templates/dashboard
+
+## Included pages
+
+- Overview
+- Reports
+- Users
+- Operations
+- Settings
+
+## Demo and assets
+
+- Demo: https://ui.vllnt.ai/templates/dashboard
+- Screenshot: ./screenshots/preview.svg
+- Source path: templates/dashboard
diff --git a/templates/dashboard/screenshots/preview.svg b/templates/dashboard/screenshots/preview.svg
new file mode 100644
index 00000000..5a6deb0d
--- /dev/null
+++ b/templates/dashboard/screenshots/preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-label="Dashboard preview"><rect width="1280" height="720" fill="#f8fafc"/><rect x="64" y="64" width="1152" height="592" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="64" y="64" width="220" height="592" rx="16" fill="#18181b"/><rect x="326" y="104" width="238" height="120" rx="12" fill="#dcfce7"/><rect x="596" y="104" width="238" height="120" rx="12" fill="#e0f2fe"/><text x="104" y="144" fill="#ffffff" font-family="Arial, sans-serif" font-size="34" font-weight="700">Dashboard</text></svg>
diff --git a/templates/dashboard/template.json b/templates/dashboard/template.json
new file mode 100644
index 00000000..fae42009
--- /dev/null
+++ b/templates/dashboard/template.json
@@ -0,0 +1,42 @@
+{
+  "slug": "dashboard",
+  "title": "Dashboard",
+  "demoUrl": "https://ui.vllnt.ai/templates/dashboard",
+  "screenshots": [
+    "screenshots/preview.svg"
+  ],
+  "components": [
+    "activity-log",
+    "area-chart",
+    "bar-chart",
+    "button",
+    "calendar",
+    "card",
+    "category-filter",
+    "checkbox",
+    "command",
+    "data-list",
+    "data-table",
+    "date-picker",
+    "dropdown-menu",
+    "filter-bar",
+    "line-chart",
+    "metric-cluster",
+    "metric-gauge",
+    "pagination",
+    "popover",
+    "progress-bar",
+    "scroll-area",
+    "select",
+    "sidebar",
+    "stat-card",
+    "status-board",
+    "status-indicator",
+    "table",
+    "tabs",
+    "toast",
+    "tooltip",
+    "view-switcher",
+    "workspace-switcher"
+  ]
+}
diff --git a/templates/docs-site/README.md b/templates/docs-site/README.md
new file mode 100644
index 00000000..39281870
--- /dev/null
+++ b/templates/docs-site/README.md
@@ -0,0 +1,23 @@
+# Docs Site
+
+Documentation site kit for libraries that want VLLNT-style docs, navigation, search, code samples, and component pages.
+
+## Source
+
+This template is published as source in the VLLNT UI repository. Copy or adapt the files from the template source until a supported template CLI is available.
+
+- Source: https://github.com/vllnt/ui/tree/main/templates/docs-site
+
+## Included pages
+
+- Docs home
+- Guide
+- Components
+- Reference
+- Changelog
+
+## Demo and assets
+
+- Demo: https://ui.vllnt.ai/templates/docs-site
+- Screenshot: ./screenshots/preview.svg
+- Source path: templates/docs-site
diff --git a/templates/docs-site/screenshots/preview.svg b/templates/docs-site/screenshots/preview.svg
new file mode 100644
index 00000000..22386cd1
--- /dev/null
+++ b/templates/docs-site/screenshots/preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-label="Docs Site preview"><rect width="1280" height="720" fill="#f8fafc"/><rect x="64" y="64" width="1152" height="592" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="96" y="96" width="240" height="528" rx="12" fill="#f4f4f5"/><rect x="384" y="116" width="430" height="44" rx="8" fill="#18181b"/><text x="384" y="560" fill="#18181b" font-family="Arial, sans-serif" font-size="44" font-weight="700">Docs Site</text></svg>
diff --git a/templates/docs-site/template.json b/templates/docs-site/template.json
new file mode 100644
index 00000000..d118852a
--- /dev/null
+++ b/templates/docs-site/template.json
@@ -0,0 +1,22 @@
+{
+  "slug": "docs-site",
+  "title": "Docs Site",
+  "demoUrl": "https://ui.vllnt.ai/templates/docs-site",
+  "screenshots": [
+    "screenshots/preview.svg"
+  ],
+  "components": [
+    "accordion",
+    "breadcrumb",
+    "callout",
+    "code-block",
+    "copy-button",
+    "document-sibling-nav",
+    "mdx-content",
+    "navigation-menu",
+    "search-dialog",
+    "sidebar",
+    "table-of-contents",
+    "tabs"
+  ]
+}
diff --git a/templates/next-starter/README.md b/templates/next-starter/README.md
new file mode 100644
index 00000000..1b62b454
--- /dev/null
+++ b/templates/next-starter/README.md
@@ -0,0 +1,23 @@
+# Next Starter
+
+App Router starter with auth-ready routes, theming, and five example pages wired around VLLNT UI primitives.
+
+## Source
+
+This template is published as source in the VLLNT UI repository. Copy or adapt the files from the template source until a supported template CLI is available.
+
+- Source: https://github.com/vllnt/ui/tree/main/templates/next-starter
+
+## Included pages
+
+- Home
+- Dashboard
+- Account
+- Settings
+- Billing
+
+## Demo and assets
+
+- Demo: https://ui.vllnt.ai/templates/next-starter
+- Screenshot: ./screenshots/preview.svg
+- Source path: templates/next-starter
diff --git a/templates/next-starter/screenshots/preview.svg b/templates/next-starter/screenshots/preview.svg
new file mode 100644
index 00000000..4bc5ae6b
--- /dev/null
+++ b/templates/next-starter/screenshots/preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-label="Next Starter preview"><rect width="1280" height="720" fill="#f8fafc"/><rect x="72" y="72" width="1136" height="576" rx="16" fill="#ffffff" stroke="#d4d4d8"/><rect x="112" y="112" width="1040" height="64" rx="10" fill="#18181b"/><rect x="112" y="216" width="240" height="344" rx="12" fill="#f4f4f5"/><rect x="392" y="216" width="760" height="148" rx="12" fill="#ecfeff"/><text x="112" y="620" fill="#18181b" font-family="Arial, sans-serif" font-size="44" font-weight="700">Next Starter</text></svg>
diff --git a/templates/next-starter/template.json b/templates/next-starter/template.json
new file mode 100644
index 00000000..9533aafb
--- /dev/null
+++ b/templates/next-starter/template.json
@@ -0,0 +1,17 @@
+{
+  "slug": "next-starter",
+  "title": "Next Starter",
+  "demoUrl": "https://ui.vllnt.ai/templates/next-starter",
+  "screenshots": [
+    "screenshots/preview.svg"
+  ],
+  "components": [
+    "button",
+    "card",
+    "form",
+    "input",
+    "tabs",
+    "navbar-saas",
+    "theme-provider"
+  ]
+}
diff --git a/templates/saas/README.md b/templates/saas/README.md
new file mode 100644
index 00000000..e125b808
--- /dev/null
+++ b/templates/saas/README.md
@@ -0,0 +1,23 @@
+# SaaS
+
+SaaS kit with landing sections, pricing, auth entry points, account billing, and a dashboard shell.
+
+## Source
+
+This template is published as source in the VLLNT UI repository. Copy or adapt the files from the template source until a supported template CLI is available.
+
+- Source: https://github.com/vllnt/ui/tree/main/templates/saas
+
+## Included pages
+
+- Landing
+- Pricing
+- Sign in
+- Onboarding
+- Dashboard
+
+## Demo and assets
+
+- Demo: https://ui.vllnt.ai/templates/saas
+- Screenshot: ./screenshots/preview.svg
+- Source path: templates/saas
diff --git a/templates/saas/screenshots/preview.svg b/templates/saas/screenshots/preview.svg
new file mode 100644
index 00000000..b766c63e
--- /dev/null
+++ b/templates/saas/screenshots/preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-label="SaaS preview"><rect width="1280" height="720" fill="#f8fafc"/><rect x="96" y="80" width="1088" height="560" rx="18" fill="#ffffff" stroke="#d4d4d8"/><rect x="152" y="136" width="976" height="72" rx="14" fill="#18181b"/><rect x="188" y="270" width="420" height="58" rx="10" fill="#18181b"/><text x="188" y="552" fill="#18181b" font-family="Arial, sans-serif" font-size="44" font-weight="700">SaaS launch kit</text></svg>
diff --git a/templates/saas/template.json b/templates/saas/template.json
new file mode 100644
index 00000000..8f087898
--- /dev/null
+++ b/templates/saas/template.json
@@ -0,0 +1,23 @@
+{
+  "slug": "saas",
+  "title": "SaaS",
+  "demoUrl": "https://ui.vllnt.ai/templates/saas",
+  "screenshots": [
+    "screenshots/preview.svg"
+  ],
+  "components": [
+    "badge",
+    "banner",
+    "button",
+    "card",
+    "dialog",
+    "form",
+    "input",
+    "navbar-saas",
+    "pricing-table",
+    "profile-section",
+    "subscription-card",
+    "tabs",
+    "toast"
+  ]
+}