diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8623fdf..432d65b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ All notable changes to this project will be documented in this file.
 - Contact list management with CSV/XLSX import and column mapping
 - Email provider integration (Resend and Amazon SES) with encrypted credential storage
 - Visual block email editor with drag-and-drop, live preview, and merge tags
+- Saved templates library with iframe thumbnail previews. Save campaigns as reusable templates, edit template content in place, start new campaigns prefilled from any template
 - Campaign creation, sending, scheduling, and cancellation
 - Open tracking (pixel) and click tracking (link wrapping) with per-campaign analytics
 - Unsubscribe page with one-click opt-out and List-Unsubscribe header support
diff --git a/README.md b/README.md
index 8e07a6c..274bbc2 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,7 @@ Self-hostable broadcast email tool. Manage contact lists, design emails with a v
 
 - **Contact Management** - Import contacts via CSV/XLSX upload, organize into lists, track subscription status
 - **Visual Email Editor** - Drag-and-drop block editor with live preview, mobile/desktop toggle, and merge tag support
+- **Saved Templates Library** - Save any campaign as a reusable template, browse with live thumbnail previews, and start new campaigns from any template
 - **Multiple Email Providers** - Send through Resend or Amazon SES with encrypted credential storage
 - **Campaign Sending** - Queue-based sending via pg-boss, with scheduling, cancellation, and per-provider rate limiting
 - **Open and Click Tracking** - Tracking pixel for opens, link wrapping for clicks, per-campaign analytics with charts
diff --git a/ROADMAP.md b/ROADMAP.md
index ad9cd7f..f2edf48 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -31,7 +31,7 @@ The features below build out the API surface so it's safe, observable, and compl
 - [ ] **Segments** [Effort: M]: Saved filter queries against a list (e.g. "opened anything in the last 30 days, country = US"). Used as a campaign target instead of an entire list. Can be combined with tags, fields, and engagement signals.
 - [ ] **Double opt-in** [Effort: M]: Per-list toggle that requires new contacts to confirm via emailed link before being marked active. Confirmation page and token-based confirmation flow.
 - [ ] **Embeddable signup forms** [Effort: M]: Form builder, hosted form pages, and a JS embed snippet. Submissions flow into a list and respect double opt-in if enabled.
-- [ ] **Saved templates library** [Effort: S]: Reusable templates with thumbnails. Save any campaign as a template, start new campaigns from any template.
+- [x] **Saved templates library** [Effort: S]: Reusable templates with thumbnails. Save any campaign as a template, start new campaigns from any template.
 - [ ] **Asset library** [Effort: M]: Central image and file manager. Upload once, browse and drop into any campaign editor. Replaces per-campaign image uploads.
 - [ ] **A/B testing** [Effort: M]: Subject line and content variants on a campaign. Send variants to a test sample, pick the winner by open or click rate, and send the winner to the rest.
 - [ ] **Reply-to and reply forwarding** [Effort: S]: Configurable reply-to address per campaign with optional forwarding to a real mailbox. Avoids no-reply senders without building a full inbox.
diff --git a/app/(dashboard)/editor/[campaignId]/page.tsx b/app/(dashboard)/editor/[campaignId]/page.tsx
index f3afbe5..a0c77ec 100644
--- a/app/(dashboard)/editor/[campaignId]/page.tsx
+++ b/app/(dashboard)/editor/[campaignId]/page.tsx
@@ -77,6 +77,12 @@ export default function EditorPage() {
   const [testEmail, setTestEmail] = useState("")
   const [sendingTest, setSendingTest] = useState(false)
 
+  // Save as template
+  const [saveTemplateOpen, setSaveTemplateOpen] = useState(false)
+  const [templateNameInput, setTemplateNameInput] = useState("")
+  const [templateDescriptionInput, setTemplateDescriptionInput] = useState("")
+  const [savingTemplate, setSavingTemplate] = useState(false)
+
   // Merge tags
   const [mergeTags, setMergeTags] = useState<{ tag: string; description: string }[]>([])
 
@@ -227,6 +233,46 @@ export default function EditorPage() {
     }
   }
 
+  const openSaveTemplate = () => {
+    setTemplateNameInput(name || "")
+    setTemplateDescriptionInput("")
+    setSaveTemplateOpen(true)
+  }
+
+  const handleSaveAsTemplate = async () => {
+    if (!templateNameInput.trim()) {
+      toast({ title: "Error", description: "Template name is required", variant: "destructive" })
+      return
+    }
+    setSavingTemplate(true)
+    try {
+      // Save current edits to the campaign first so the template snapshots the latest content
+      await saveDraft()
+      const res = await fetch(`/api/internal/campaigns/${campaignId}/save-as-template`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name: templateNameInput.trim(),
+          description: templateDescriptionInput.trim() || null,
+        }),
+      })
+      const data = await res.json()
+      if (!res.ok) {
+        toast({ title: "Error", description: data.error || "Failed to save template", variant: "destructive" })
+        return
+      }
+      toast({
+        title: "Saved as template",
+        description: `Template "${data.name}" created. Find it in the Templates library.`,
+      })
+      setSaveTemplateOpen(false)
+    } catch {
+      toast({ title: "Error", description: "Failed to save template", variant: "destructive" })
+    } finally {
+      setSavingTemplate(false)
+    }
+  }
+
   const copyMergeTag = (tag: string) => {
     navigator.clipboard.writeText(tag)
     toast({ title: "Copied", description: `${tag} copied to clipboard` })
@@ -302,12 +348,58 @@ export default function EditorPage() {
                 </DialogFooter>
               </DialogContent>
             </Dialog>
+            <Button variant="outline" size="sm" onClick={openSaveTemplate}>
+              Save as Template
+            </Button>
             <Button onClick={saveDraft} disabled={saving} size="sm">
               {saving ? "Saving..." : "Save Draft"}
             </Button>
           </div>
         </div>
 
+        <Dialog open={saveTemplateOpen} onOpenChange={setSaveTemplateOpen}>
+          <DialogContent>
+            <DialogHeader>
+              <DialogTitle>Save as Template</DialogTitle>
+            </DialogHeader>
+            <div className="space-y-4 py-2">
+              <div className="space-y-2">
+                <Label htmlFor="save-template-name">Template Name</Label>
+                <Input
+                  id="save-template-name"
+                  value={templateNameInput}
+                  onChange={(e) => setTemplateNameInput(e.target.value)}
+                  placeholder="e.g. Monthly Newsletter Layout"
+                />
+              </div>
+              <div className="space-y-2">
+                <Label htmlFor="save-template-description">Description (optional)</Label>
+                <Input
+                  id="save-template-description"
+                  value={templateDescriptionInput}
+                  onChange={(e) => setTemplateDescriptionInput(e.target.value)}
+                  placeholder="Short note about this template"
+                />
+              </div>
+              <p className="text-xs text-muted-foreground">
+                Snapshots the current subject, sender info, and email content. Saves your draft first.
+              </p>
+            </div>
+            <DialogFooter>
+              <Button
+                variant="outline"
+                onClick={() => setSaveTemplateOpen(false)}
+                disabled={savingTemplate}
+              >
+                Cancel
+              </Button>
+              <Button onClick={handleSaveAsTemplate} disabled={savingTemplate}>
+                {savingTemplate ? "Saving..." : "Save Template"}
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+
         {/* Editor mode toggle + Subject and From fields */}
         <div className="flex items-center gap-1 mt-3 mb-2">
           <button
diff --git a/app/(dashboard)/templates/[id]/edit/page.tsx b/app/(dashboard)/templates/[id]/edit/page.tsx
new file mode 100644
index 0000000..ae8bd2e
--- /dev/null
+++ b/app/(dashboard)/templates/[id]/edit/page.tsx
@@ -0,0 +1,345 @@
+"use client"
+
+import { useState, useEffect, useCallback, useRef } from "react"
+import { useParams, useRouter } from "next/navigation"
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DialogFooter,
+} from "@/components/ui/dialog"
+import { useToast } from "@/components/ui/use-toast"
+import { BlockEditor } from "@/components/editor/BlockEditor"
+import { HtmlEditor } from "@/components/editor/HtmlEditor"
+import type { Block } from "@/lib/db/schema"
+
+type EditorMode = "visual" | "code"
+
+interface Template {
+  id: string
+  name: string
+  description: string | null
+  subject: string
+  fromName: string
+  fromEmail: string
+  templateJson: Block[]
+  templateHtml: string | null
+}
+
+const DEFAULT_MERGE_TAGS = [
+  { tag: "{{first_name}}", description: "Recipient's first name" },
+  { tag: "{{last_name}}", description: "Recipient's last name" },
+  { tag: "{{email}}", description: "Recipient's email" },
+  { tag: "{{unsubscribe_url}}", description: "Unsubscribe link" },
+]
+
+export default function TemplateEditorPage() {
+  const params = useParams()
+  const router = useRouter()
+  const { toast } = useToast()
+  const templateId = params.id as string
+
+  const [template, setTemplate] = useState<Template | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [saving, setSaving] = useState(false)
+
+  const [editorMode, setEditorMode] = useState<EditorMode>("visual")
+
+  const [name, setName] = useState("")
+  const [description, setDescription] = useState("")
+  const [subject, setSubject] = useState("")
+  const [fromName, setFromName] = useState("")
+  const [fromEmail, setFromEmail] = useState("")
+  const [blocks, setBlocks] = useState<Block[]>([])
+  const [templateHtml, setTemplateHtml] = useState("")
+
+  const [testDialogOpen, setTestDialogOpen] = useState(false)
+  const [testEmail, setTestEmail] = useState("")
+  const [sendingTest, setSendingTest] = useState(false)
+
+  const autoSaveRef = useRef<ReturnType<typeof setInterval> | null>(null)
+  const hasChangesRef = useRef(false)
+
+  const fetchTemplate = useCallback(async () => {
+    try {
+      const res = await fetch(`/api/internal/templates/${templateId}`)
+      if (!res.ok) {
+        toast({ title: "Error", description: "Template not found", variant: "destructive" })
+        router.push("/templates")
+        return
+      }
+      const data: Template = await res.json()
+      setTemplate(data)
+      setName(data.name)
+      setDescription(data.description ?? "")
+      setSubject(data.subject || "")
+      setFromName(data.fromName || "")
+      setFromEmail(data.fromEmail || "")
+      setBlocks(data.templateJson || [])
+      setTemplateHtml(data.templateHtml || "")
+      if (data.templateHtml && (!data.templateJson || data.templateJson.length === 0)) {
+        setEditorMode("code")
+      }
+    } catch {
+      toast({ title: "Error", description: "Failed to load template", variant: "destructive" })
+    } finally {
+      setLoading(false)
+    }
+  }, [templateId, router, toast])
+
+  useEffect(() => {
+    fetchTemplate()
+  }, [fetchTemplate])
+
+  const saveDraft = useCallback(async () => {
+    if (!template) return
+    setSaving(true)
+    try {
+      const res = await fetch(`/api/internal/templates/${templateId}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name,
+          description: description || null,
+          subject,
+          fromName,
+          fromEmail,
+          templateJson: blocks,
+          templateHtml: templateHtml || null,
+        }),
+      })
+      if (!res.ok) throw new Error("Save failed")
+      hasChangesRef.current = false
+      toast({ title: "Saved", description: "Template saved" })
+    } catch {
+      toast({ title: "Error", description: "Failed to save template", variant: "destructive" })
+    } finally {
+      setSaving(false)
+    }
+  }, [template, templateId, name, description, subject, fromName, fromEmail, blocks, templateHtml, toast])
+
+  useEffect(() => {
+    autoSaveRef.current = setInterval(() => {
+      if (hasChangesRef.current && template) {
+        saveDraft()
+      }
+    }, 30000)
+    return () => {
+      if (autoSaveRef.current) clearInterval(autoSaveRef.current)
+    }
+  }, [saveDraft, template])
+
+  useEffect(() => {
+    if (template) {
+      hasChangesRef.current = true
+    }
+  }, [name, description, subject, fromName, fromEmail, blocks, templateHtml, template])
+
+  const handleTestSend = async () => {
+    if (!testEmail) return
+    setSendingTest(true)
+    try {
+      const res = await fetch(`/api/internal/templates/${templateId}/test-send`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ toEmail: testEmail }),
+      })
+      const data = await res.json()
+      if (!res.ok) {
+        toast({ title: "Error", description: data.error || "Failed to send test email", variant: "destructive" })
+        return
+      }
+      const sentList: string[] = data.sent || []
+      const failedList: { email: string; error: string }[] = data.failed || []
+      const sentMsg = sentList.length > 0
+        ? `Sent to ${sentList.length} recipient${sentList.length === 1 ? "" : "s"}`
+        : "Sent"
+      if (failedList.length > 0) {
+        toast({
+          title: "Partial success",
+          description: `${sentMsg}. Failed: ${failedList.map((f) => f.email).join(", ")}`,
+          variant: "destructive",
+        })
+      } else {
+        toast({ title: "Sent", description: sentMsg })
+      }
+      setTestDialogOpen(false)
+      setTestEmail("")
+    } catch {
+      toast({ title: "Error", description: "Failed to send test email", variant: "destructive" })
+    } finally {
+      setSendingTest(false)
+    }
+  }
+
+  const copyMergeTag = (tag: string) => {
+    navigator.clipboard.writeText(tag)
+    toast({ title: "Copied", description: `${tag} copied to clipboard` })
+  }
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center h-full">
+        <p className="text-muted-foreground">Loading editor...</p>
+      </div>
+    )
+  }
+
+  if (!template) {
+    return (
+      <div className="flex items-center justify-center h-full">
+        <p className="text-muted-foreground">Template not found</p>
+      </div>
+    )
+  }
+
+  return (
+    <div className="flex flex-col h-[calc(100vh-2rem)]">
+      <div className="border-b bg-card px-4 py-3 shrink-0">
+        <div className="flex items-center justify-between gap-4">
+          <div className="flex items-center gap-4 flex-1 min-w-0">
+            <Link
+              href="/templates"
+              className="text-sm text-muted-foreground hover:text-foreground shrink-0"
+            >
+              &larr; Templates
+            </Link>
+            <Input
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              className="font-semibold text-lg border-0 bg-transparent p-0 h-auto focus-visible:ring-0 max-w-xs"
+              placeholder="Template name"
+            />
+          </div>
+          <div className="flex items-center gap-2 shrink-0">
+            <Dialog open={testDialogOpen} onOpenChange={setTestDialogOpen}>
+              <DialogTrigger asChild>
+                <Button variant="outline" size="sm">
+                  Send Test
+                </Button>
+              </DialogTrigger>
+              <DialogContent>
+                <DialogHeader>
+                  <DialogTitle>Send Test Email</DialogTitle>
+                </DialogHeader>
+                <div className="space-y-3 py-2">
+                  <div>
+                    <Label>Recipient Emails</Label>
+                    <Input
+                      type="text"
+                      value={testEmail}
+                      onChange={(e) => setTestEmail(e.target.value)}
+                      placeholder="test@example.com, another@example.com"
+                    />
+                    <p className="mt-1 text-xs text-muted-foreground">
+                      Separate multiple addresses with commas. Up to 10 recipients. Uses the default provider.
+                    </p>
+                  </div>
+                </div>
+                <DialogFooter>
+                  <Button onClick={handleTestSend} disabled={!testEmail || sendingTest}>
+                    {sendingTest ? "Sending..." : "Send Test"}
+                  </Button>
+                </DialogFooter>
+              </DialogContent>
+            </Dialog>
+            <Button onClick={saveDraft} disabled={saving} size="sm">
+              {saving ? "Saving..." : "Save"}
+            </Button>
+          </div>
+        </div>
+
+        <div className="flex items-center gap-1 mt-3 mb-2">
+          <button
+            onClick={() => setEditorMode("visual")}
+            className={`px-3 py-1.5 text-xs font-medium rounded-lg transition-colors ${
+              editorMode === "visual"
+                ? "bg-primary text-primary-foreground"
+                : "bg-secondary text-muted-foreground hover:bg-secondary/80"
+            }`}
+          >
+            Visual Editor
+          </button>
+          <button
+            onClick={() => setEditorMode("code")}
+            className={`px-3 py-1.5 text-xs font-medium rounded-lg transition-colors ${
+              editorMode === "code"
+                ? "bg-primary text-primary-foreground"
+                : "bg-secondary text-muted-foreground hover:bg-secondary/80"
+            }`}
+          >
+            HTML Code
+          </button>
+        </div>
+        <div className="grid grid-cols-4 gap-3">
+          <div>
+            <Label className="text-xs text-muted-foreground">Description</Label>
+            <Input
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder="Short note"
+              className="h-8 text-sm"
+            />
+          </div>
+          <div>
+            <Label className="text-xs text-muted-foreground">Default Subject</Label>
+            <Input
+              value={subject}
+              onChange={(e) => setSubject(e.target.value)}
+              placeholder="Email subject"
+              className="h-8 text-sm"
+            />
+          </div>
+          <div>
+            <Label className="text-xs text-muted-foreground">Default From Name</Label>
+            <Input
+              value={fromName}
+              onChange={(e) => setFromName(e.target.value)}
+              placeholder="Your Name"
+              className="h-8 text-sm"
+            />
+          </div>
+          <div>
+            <Label className="text-xs text-muted-foreground">Default From Email</Label>
+            <Input
+              value={fromEmail}
+              onChange={(e) => setFromEmail(e.target.value)}
+              placeholder="you@example.com"
+              className="h-8 text-sm"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div className="flex-1 overflow-hidden">
+        {editorMode === "visual" ? (
+          <BlockEditor blocks={blocks} onChange={setBlocks} />
+        ) : (
+          <HtmlEditor html={templateHtml} onChange={setTemplateHtml} />
+        )}
+      </div>
+
+      <div className="border-t bg-card px-4 py-2 shrink-0">
+        <div className="flex items-center gap-2 flex-wrap">
+          <span className="text-xs text-muted-foreground shrink-0">Merge tags:</span>
+          {DEFAULT_MERGE_TAGS.map((item) => (
+            <button
+              key={item.tag}
+              onClick={() => copyMergeTag(item.tag)}
+              title={item.description}
+              className="text-xs px-2 py-1 bg-primary/10 text-primary hover:bg-primary/20 rounded-md font-mono transition-colors"
+            >
+              {item.tag}
+            </button>
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/app/(dashboard)/templates/page.tsx b/app/(dashboard)/templates/page.tsx
new file mode 100644
index 0000000..019b295
--- /dev/null
+++ b/app/(dashboard)/templates/page.tsx
@@ -0,0 +1,519 @@
+"use client"
+
+import { useEffect, useMemo, useState } from "react"
+import { useRouter } from "next/navigation"
+import Link from "next/link"
+import { format } from "date-fns"
+import { Button } from "@/components/ui/button"
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import { useToast } from "@/components/ui/use-toast"
+import { Skeleton } from "@/components/ui/skeleton"
+import type { Block } from "@/lib/db/schema"
+
+interface Template {
+  id: string
+  name: string
+  description: string | null
+  subject: string
+  fromName: string
+  fromEmail: string
+  templateJson: Block[]
+  templateHtml: string | null
+  createdAt: string
+  updatedAt: string
+}
+
+interface ListOption {
+  id: string
+  name: string
+}
+
+// Minimal client-side block renderer for thumbnail previews. Mirrors lib/renderer
+// but avoids pulling Handlebars and juice into the client bundle.
+function renderBlocksForPreview(blocks: Block[]): string {
+  return blocks
+    .map((block) => {
+      const p = (block.props || {}) as Record<string, string>
+      switch (block.type) {
+        case "heading":
+          return `<h2 style="font-family:sans-serif;font-size:${p.fontSize || "24px"};color:${p.color || "#111827"};margin:0 0 16px 0;">${p.text || ""}</h2>`
+        case "text":
+          return `<p style="font-family:sans-serif;font-size:${p.fontSize || "16px"};color:${p.color || "#374151"};margin:0 0 16px 0;line-height:1.6;">${p.text || ""}</p>`
+        case "button":
+          return `<table width="100%" cellpadding="0" cellspacing="0"><tr><td align="${p.align || "center"}" style="padding:8px 0;"><a href="${p.url || "#"}" style="display:inline-block;background:${p.bgColor || "#2563eb"};color:${p.textColor || "#ffffff"};font-family:sans-serif;font-size:16px;font-weight:600;text-decoration:none;padding:12px 24px;border-radius:6px;">${p.text || "Click here"}</a></td></tr></table>`
+        case "image":
+          return `<img src="${p.src || ""}" alt="${p.alt || ""}" width="${p.width || "100%"}" style="display:block;max-width:100%;border:0;" />`
+        case "divider":
+          return `<hr style="border:none;border-top:1px solid ${p.color || "#e5e7eb"};margin:24px 0;" />`
+        case "spacer":
+          return `<div style="height:${p.height || "24px"};"></div>`
+        default:
+          return ""
+      }
+    })
+    .join("\n")
+}
+
+function buildPreviewSrcDoc(template: Template): string {
+  const inner =
+    template.templateHtml && template.templateHtml.trim().length > 0
+      ? template.templateHtml
+      : renderBlocksForPreview(template.templateJson || [])
+  if (!inner.trim()) {
+    return `<html><body style="margin:0;padding:24px;font-family:sans-serif;color:#9ca3af;background:#f9fafb;">Empty template</body></html>`
+  }
+  return `<html><body style="margin:0;padding:32px 28px;background:#ffffff;font-family:sans-serif;">${inner}</body></html>`
+}
+
+function TemplateThumbnail({ template }: { template: Template }) {
+  const srcDoc = useMemo(() => buildPreviewSrcDoc(template), [template])
+  return (
+    <div className="relative aspect-[4/5] w-full overflow-hidden rounded-md border bg-white">
+      <iframe
+        title={`Preview of ${template.name}`}
+        srcDoc={srcDoc}
+        scrolling="no"
+        sandbox=""
+        className="pointer-events-none origin-top-left border-0"
+        style={{
+          width: "250%",
+          height: "250%",
+          transform: "scale(0.4)",
+        }}
+      />
+    </div>
+  )
+}
+
+export default function TemplatesPage() {
+  const router = useRouter()
+  const { toast } = useToast()
+
+  const [templates, setTemplates] = useState<Template[]>([])
+  const [lists, setLists] = useState<ListOption[]>([])
+  const [loading, setLoading] = useState(true)
+
+  // New template dialog
+  const [newOpen, setNewOpen] = useState(false)
+  const [newName, setNewName] = useState("")
+  const [newDescription, setNewDescription] = useState("")
+  const [creating, setCreating] = useState(false)
+
+  // Use template dialog
+  const [useOpen, setUseOpen] = useState(false)
+  const [useTemplate, setUseTemplate] = useState<Template | null>(null)
+  const [useCampaignName, setUseCampaignName] = useState("")
+  const [useListId, setUseListId] = useState("")
+  const [using, setUsing] = useState(false)
+
+  // Rename dialog
+  const [renameOpen, setRenameOpen] = useState(false)
+  const [renameTemplate, setRenameTemplate] = useState<Template | null>(null)
+  const [renameName, setRenameName] = useState("")
+  const [renameDescription, setRenameDescription] = useState("")
+
+  async function load() {
+    setLoading(true)
+    try {
+      const [tplRes, listsRes] = await Promise.all([
+        fetch("/api/internal/templates"),
+        fetch("/api/internal/lists"),
+      ])
+      if (!tplRes.ok || !listsRes.ok) {
+        toast({ title: "Failed to load data", variant: "destructive" })
+        return
+      }
+      setTemplates(await tplRes.json())
+      setLists(await listsRes.json())
+    } catch {
+      toast({ title: "An error occurred while loading templates", variant: "destructive" })
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  useEffect(() => {
+    load()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  function openNew() {
+    setNewName("")
+    setNewDescription("")
+    setNewOpen(true)
+  }
+
+  async function handleCreate() {
+    if (!newName.trim()) {
+      toast({ title: "Template name is required", variant: "destructive" })
+      return
+    }
+    setCreating(true)
+    try {
+      const res = await fetch("/api/internal/templates", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name: newName.trim(),
+          description: newDescription.trim() || null,
+        }),
+      })
+      if (!res.ok) {
+        const err = await res.json()
+        toast({ title: err.error || "Failed to create template", variant: "destructive" })
+        return
+      }
+      const created = await res.json()
+      setNewOpen(false)
+      router.push(`/templates/${created.id}/edit`)
+    } catch {
+      toast({ title: "Failed to create template", variant: "destructive" })
+    } finally {
+      setCreating(false)
+    }
+  }
+
+  function openUse(template: Template) {
+    setUseTemplate(template)
+    setUseCampaignName(template.name)
+    setUseListId("")
+    setUseOpen(true)
+  }
+
+  async function handleUse() {
+    if (!useTemplate) return
+    if (!useCampaignName.trim()) {
+      toast({ title: "Campaign name is required", variant: "destructive" })
+      return
+    }
+    if (!useListId) {
+      toast({ title: "Please select a list", variant: "destructive" })
+      return
+    }
+    setUsing(true)
+    try {
+      const res = await fetch(`/api/internal/templates/${useTemplate.id}/use`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ name: useCampaignName.trim(), listId: useListId }),
+      })
+      if (!res.ok) {
+        const err = await res.json()
+        toast({ title: err.error || "Failed to create campaign", variant: "destructive" })
+        return
+      }
+      const created = await res.json()
+      setUseOpen(false)
+      router.push(`/editor/${created.id}`)
+    } catch {
+      toast({ title: "Failed to create campaign", variant: "destructive" })
+    } finally {
+      setUsing(false)
+    }
+  }
+
+  function openRename(template: Template) {
+    setRenameTemplate(template)
+    setRenameName(template.name)
+    setRenameDescription(template.description ?? "")
+    setRenameOpen(true)
+  }
+
+  async function handleRename() {
+    if (!renameTemplate) return
+    if (!renameName.trim()) {
+      toast({ title: "Template name is required", variant: "destructive" })
+      return
+    }
+    try {
+      const res = await fetch(`/api/internal/templates/${renameTemplate.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name: renameName.trim(),
+          description: renameDescription.trim() || null,
+        }),
+      })
+      if (!res.ok) {
+        const err = await res.json()
+        toast({ title: err.error || "Failed to rename template", variant: "destructive" })
+        return
+      }
+      setRenameOpen(false)
+      await load()
+    } catch {
+      toast({ title: "Failed to rename template", variant: "destructive" })
+    }
+  }
+
+  async function handleDelete(template: Template) {
+    if (!confirm(`Delete template "${template.name}"? This cannot be undone.`)) return
+    try {
+      const res = await fetch(`/api/internal/templates/${template.id}`, {
+        method: "DELETE",
+      })
+      if (!res.ok) {
+        const err = await res.json()
+        toast({ title: err.error || "Failed to delete template", variant: "destructive" })
+        return
+      }
+      toast({ title: "Template deleted" })
+      await load()
+    } catch {
+      toast({ title: "Failed to delete template", variant: "destructive" })
+    }
+  }
+
+  return (
+    <div className="p-6 space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold font-heading">Templates</h1>
+          <p className="text-sm text-muted-foreground mt-1">
+            Reusable layouts. Save any campaign as a template, start new campaigns from one.
+          </p>
+        </div>
+        <Button onClick={openNew}>New Template</Button>
+      </div>
+
+      {loading ? (
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+          {Array.from({ length: 6 }).map((_, i) => (
+            <Skeleton key={i} className="h-72 w-full" />
+          ))}
+        </div>
+      ) : templates.length === 0 ? (
+        <div className="text-center py-16 text-muted-foreground border rounded-xl">
+          <p className="text-lg font-medium">No templates yet</p>
+          <p className="text-sm mt-1">
+            Create a template, or save an existing campaign as one.
+          </p>
+          <Button className="mt-4" onClick={openNew}>
+            New Template
+          </Button>
+        </div>
+      ) : (
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+          {templates.map((template) => (
+            <div
+              key={template.id}
+              className="rounded-xl border bg-card overflow-hidden flex flex-col"
+            >
+              <Link
+                href={`/templates/${template.id}/edit`}
+                className="block hover:opacity-90 transition-opacity"
+              >
+                <TemplateThumbnail template={template} />
+              </Link>
+              <div className="p-4 flex-1 flex flex-col gap-2">
+                <div className="flex items-start justify-between gap-2">
+                  <Link
+                    href={`/templates/${template.id}/edit`}
+                    className="font-semibold leading-snug hover:text-primary transition-colors line-clamp-1"
+                  >
+                    {template.name}
+                  </Link>
+                  <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                      <Button variant="ghost" size="sm" className="h-7 w-7 p-0 shrink-0">
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          width="16"
+                          height="16"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth="2"
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                        >
+                          <circle cx="12" cy="12" r="1" />
+                          <circle cx="12" cy="5" r="1" />
+                          <circle cx="12" cy="19" r="1" />
+                        </svg>
+                      </Button>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent align="end">
+                      <DropdownMenuItem onClick={() => openRename(template)}>
+                        Rename
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        className="text-destructive"
+                        onClick={() => handleDelete(template)}
+                      >
+                        Delete
+                      </DropdownMenuItem>
+                    </DropdownMenuContent>
+                  </DropdownMenu>
+                </div>
+                {template.description ? (
+                  <p className="text-sm text-muted-foreground line-clamp-2">
+                    {template.description}
+                  </p>
+                ) : null}
+                <p className="text-xs text-muted-foreground mt-auto pt-2">
+                  Updated {format(new Date(template.updatedAt), "MMM d, yyyy")}
+                </p>
+                <div className="flex gap-2 pt-2">
+                  <Button
+                    size="sm"
+                    className="flex-1"
+                    onClick={() => openUse(template)}
+                  >
+                    Use
+                  </Button>
+                  <Button size="sm" variant="outline" asChild>
+                    <Link href={`/templates/${template.id}/edit`}>Edit</Link>
+                  </Button>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {/* New template dialog */}
+      <Dialog open={newOpen} onOpenChange={setNewOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>New Template</DialogTitle>
+          </DialogHeader>
+          <div className="space-y-4 py-2">
+            <div className="space-y-2">
+              <Label htmlFor="tpl-name">Name</Label>
+              <Input
+                id="tpl-name"
+                placeholder="e.g. Monthly Newsletter"
+                value={newName}
+                onChange={(e) => setNewName(e.target.value)}
+                onKeyDown={(e) => {
+                  if (e.key === "Enter") handleCreate()
+                }}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="tpl-description">Description (optional)</Label>
+              <Input
+                id="tpl-description"
+                placeholder="Short note about this template"
+                value={newDescription}
+                onChange={(e) => setNewDescription(e.target.value)}
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setNewOpen(false)} disabled={creating}>
+              Cancel
+            </Button>
+            <Button onClick={handleCreate} disabled={creating}>
+              {creating ? "Creating..." : "Create Template"}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Use template dialog */}
+      <Dialog open={useOpen} onOpenChange={setUseOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Start Campaign From Template</DialogTitle>
+          </DialogHeader>
+          <div className="space-y-4 py-2">
+            <div className="space-y-2">
+              <Label htmlFor="use-name">Campaign Name</Label>
+              <Input
+                id="use-name"
+                placeholder="e.g. April Newsletter"
+                value={useCampaignName}
+                onChange={(e) => setUseCampaignName(e.target.value)}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="use-list">List</Label>
+              <Select value={useListId} onValueChange={setUseListId}>
+                <SelectTrigger id="use-list">
+                  <SelectValue placeholder="Select a list" />
+                </SelectTrigger>
+                <SelectContent>
+                  {lists.length === 0 ? (
+                    <SelectItem value="_none" disabled>
+                      No lists available
+                    </SelectItem>
+                  ) : (
+                    lists.map((list) => (
+                      <SelectItem key={list.id} value={list.id}>
+                        {list.name}
+                      </SelectItem>
+                    ))
+                  )}
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setUseOpen(false)} disabled={using}>
+              Cancel
+            </Button>
+            <Button onClick={handleUse} disabled={using}>
+              {using ? "Creating..." : "Create Campaign"}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Rename dialog */}
+      <Dialog open={renameOpen} onOpenChange={setRenameOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Edit Template Details</DialogTitle>
+          </DialogHeader>
+          <div className="space-y-4 py-2">
+            <div className="space-y-2">
+              <Label htmlFor="rename-name">Name</Label>
+              <Input
+                id="rename-name"
+                value={renameName}
+                onChange={(e) => setRenameName(e.target.value)}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="rename-description">Description</Label>
+              <Input
+                id="rename-description"
+                value={renameDescription}
+                onChange={(e) => setRenameDescription(e.target.value)}
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setRenameOpen(false)}>
+              Cancel
+            </Button>
+            <Button onClick={handleRename}>Save</Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  )
+}
diff --git a/app/api/internal/campaigns/[id]/save-as-template/route.ts b/app/api/internal/campaigns/[id]/save-as-template/route.ts
new file mode 100644
index 0000000..5fa090c
--- /dev/null
+++ b/app/api/internal/campaigns/[id]/save-as-template/route.ts
@@ -0,0 +1,59 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { db } from '@/lib/db'
+import { campaigns, templates } from '@/lib/db/schema'
+import { eq } from 'drizzle-orm'
+import { auditFromSession, logAudit } from '@/lib/audit'
+import { saveAsTemplateSchema } from '@/lib/validations/templates'
+
+export async function POST(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  let body: unknown
+  try {
+    body = await req.json()
+  } catch {
+    return NextResponse.json({ error: 'Invalid JSON body' }, { status: 400 })
+  }
+
+  const parsed = saveAsTemplateSchema.safeParse(body)
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: 'Validation failed', details: parsed.error.flatten() },
+      { status: 400 }
+    )
+  }
+
+  const { name, description } = parsed.data
+
+  const [campaign] = await db
+    .select()
+    .from(campaigns)
+    .where(eq(campaigns.id, params.id))
+
+  if (!campaign) {
+    return NextResponse.json({ error: 'Campaign not found' }, { status: 404 })
+  }
+
+  const [created] = await db
+    .insert(templates)
+    .values({
+      name,
+      description: description ?? null,
+      subject: campaign.subject,
+      fromName: campaign.fromName,
+      fromEmail: campaign.fromEmail,
+      templateJson: campaign.templateJson,
+      templateHtml: campaign.templateHtml,
+    })
+    .returning()
+
+  await logAudit(
+    await auditFromSession(req),
+    'template.create_from_campaign',
+    { type: 'template', id: created.id },
+    { campaignId: campaign.id, name: created.name },
+  )
+
+  return NextResponse.json(created, { status: 201 })
+}
diff --git a/app/api/internal/templates/[id]/route.ts b/app/api/internal/templates/[id]/route.ts
new file mode 100644
index 0000000..4b370f4
--- /dev/null
+++ b/app/api/internal/templates/[id]/route.ts
@@ -0,0 +1,92 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { db } from '@/lib/db'
+import { templates } from '@/lib/db/schema'
+import { eq } from 'drizzle-orm'
+import { auditFromSession, logAudit } from '@/lib/audit'
+import { updateTemplateSchema } from '@/lib/validations/templates'
+
+export async function GET(
+  _req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  const [template] = await db
+    .select()
+    .from(templates)
+    .where(eq(templates.id, params.id))
+
+  if (!template) {
+    return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+  }
+
+  return NextResponse.json(template)
+}
+
+export async function PATCH(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  let body: unknown
+  try {
+    body = await req.json()
+  } catch {
+    return NextResponse.json({ error: 'Invalid JSON body' }, { status: 400 })
+  }
+
+  const parsed = updateTemplateSchema.safeParse(body)
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: 'Validation failed', details: parsed.error.flatten() },
+      { status: 400 }
+    )
+  }
+
+  const data = parsed.data
+  if (Object.keys(data).length === 0) {
+    return NextResponse.json(
+      { error: 'No valid fields provided for update' },
+      { status: 400 }
+    )
+  }
+
+  const [updated] = await db
+    .update(templates)
+    .set({ ...data, updatedAt: new Date() })
+    .where(eq(templates.id, params.id))
+    .returning()
+
+  if (!updated) {
+    return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+  }
+
+  await logAudit(
+    await auditFromSession(req),
+    'template.update',
+    { type: 'template', id: updated.id },
+    { fields: Object.keys(data) },
+  )
+
+  return NextResponse.json(updated)
+}
+
+export async function DELETE(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  const [deleted] = await db
+    .delete(templates)
+    .where(eq(templates.id, params.id))
+    .returning()
+
+  if (!deleted) {
+    return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+  }
+
+  await logAudit(
+    await auditFromSession(req),
+    'template.delete',
+    { type: 'template', id: deleted.id },
+    { name: deleted.name },
+  )
+
+  return NextResponse.json({ success: true })
+}
diff --git a/app/api/internal/templates/[id]/test-send/route.ts b/app/api/internal/templates/[id]/test-send/route.ts
new file mode 100644
index 0000000..53fe823
--- /dev/null
+++ b/app/api/internal/templates/[id]/test-send/route.ts
@@ -0,0 +1,165 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { db } from '@/lib/db'
+import { templates, emailProviders } from '@/lib/db/schema'
+import { eq } from 'drizzle-orm'
+import { createProviderAdapter } from '@/lib/providers/factory'
+import { renderTemplate, renderPlainText } from '@/lib/renderer'
+import { logger, trackEvent, trackError } from '@/lib/logger'
+import { auditFromSession, logAudit } from '@/lib/audit'
+
+export async function POST(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  const startTime = Date.now()
+
+  try {
+    const body = await req.json()
+    const { toEmail } = body
+
+    if (!toEmail || typeof toEmail !== 'string') {
+      return NextResponse.json({ error: 'toEmail is required' }, { status: 400 })
+    }
+
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+    const recipients = Array.from(
+      new Set(
+        toEmail
+          .split(',')
+          .map((e) => e.trim())
+          .filter((e) => e.length > 0)
+      )
+    )
+
+    if (recipients.length === 0) {
+      return NextResponse.json(
+        { error: 'At least one recipient email is required' },
+        { status: 400 }
+      )
+    }
+
+    const invalidEmails = recipients.filter((e) => !emailRegex.test(e))
+    if (invalidEmails.length > 0) {
+      return NextResponse.json(
+        { error: `Invalid email address(es): ${invalidEmails.join(', ')}` },
+        { status: 400 }
+      )
+    }
+
+    if (recipients.length > 10) {
+      return NextResponse.json(
+        { error: 'Cannot send a test to more than 10 recipients at once' },
+        { status: 400 }
+      )
+    }
+
+    const [template] = await db
+      .select()
+      .from(templates)
+      .where(eq(templates.id, params.id))
+
+    if (!template) {
+      return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+    }
+
+    const [provider] = await db
+      .select()
+      .from(emailProviders)
+      .where(eq(emailProviders.isDefault, true))
+      .limit(1)
+
+    if (!provider) {
+      return NextResponse.json(
+        { error: 'No default email provider configured. Set one in Settings, Providers.' },
+        { status: 400 }
+      )
+    }
+
+    const hasContent =
+      (template.templateJson && template.templateJson.length > 0) ||
+      (template.templateHtml && template.templateHtml.trim().length > 0)
+    if (!hasContent) {
+      return NextResponse.json(
+        { error: 'Template has no email content. Add content in the editor and save before sending.' },
+        { status: 400 }
+      )
+    }
+
+    if (!template.fromEmail || !emailRegex.test(template.fromEmail)) {
+      return NextResponse.json(
+        { error: 'Template "From email" is missing or invalid. Set a sender address in the editor.' },
+        { status: 400 }
+      )
+    }
+
+    if (!template.fromName || !template.fromName.trim()) {
+      return NextResponse.json(
+        { error: 'Template "From name" is missing. Set a sender name in the editor.' },
+        { status: 400 }
+      )
+    }
+
+    const adapter = createProviderAdapter(provider.type, provider.configEncrypted)
+    const appUrl = process.env.APP_URL!
+    const testUnsubscribeUrl = `${appUrl}/unsubscribe/00000000-0000-0000-0000-000000000000`
+
+    const sent: string[] = []
+    const failed: { email: string; error: string }[] = []
+
+    for (const recipient of recipients) {
+      try {
+        const html = renderTemplate({
+          blocks: template.templateJson,
+          contact: { email: recipient, first_name: 'Test', last_name: 'User', unsubscribe_url: testUnsubscribeUrl },
+          sendId: 'test-' + Date.now(),
+          appUrl,
+          unsubscribeUrl: testUnsubscribeUrl,
+          rawHtml: template.templateHtml,
+        })
+
+        await adapter.send({
+          to: recipient,
+          from: template.fromEmail,
+          fromName: template.fromName,
+          subject: template.subject || 'Test Email',
+          html,
+          text: renderPlainText(html),
+        })
+        sent.push(recipient)
+      } catch (sendErr) {
+        const message = sendErr instanceof Error ? sendErr.message : 'Send failed'
+        logger.error({ recipient, err: sendErr }, 'Template test send failed')
+        failed.push({ email: recipient, error: message })
+      }
+    }
+
+    const durationMs = Date.now() - startTime
+    trackEvent('template_test_email_sent', {
+      templateId: params.id,
+      providerType: provider.type,
+      sentCount: sent.length,
+      failedCount: failed.length,
+      durationMs,
+    })
+
+    if (sent.length === 0) {
+      return NextResponse.json(
+        { error: failed[0]?.error || 'Failed to send test emails', failed },
+        { status: 500 }
+      )
+    }
+
+    await logAudit(
+      await auditFromSession(req),
+      'template.test_send',
+      { type: 'template', id: template.id },
+      { recipients: sent, failedCount: failed.length },
+    )
+
+    return NextResponse.json({ success: true, sent, failed })
+  } catch (err) {
+    const message = err instanceof Error ? err.message : 'Failed to send test email'
+    trackError(err, { action: 'template_test_send', templateId: params.id })
+    return NextResponse.json({ error: message }, { status: 500 })
+  }
+}
diff --git a/app/api/internal/templates/[id]/use/route.ts b/app/api/internal/templates/[id]/use/route.ts
new file mode 100644
index 0000000..b7c5e18
--- /dev/null
+++ b/app/api/internal/templates/[id]/use/route.ts
@@ -0,0 +1,76 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { db } from '@/lib/db'
+import { templates, campaigns, emailProviders, lists } from '@/lib/db/schema'
+import { eq } from 'drizzle-orm'
+import { auditFromSession, logAudit } from '@/lib/audit'
+import { useTemplateSchema } from '@/lib/validations/templates'
+
+export async function POST(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  let body: unknown
+  try {
+    body = await req.json()
+  } catch {
+    return NextResponse.json({ error: 'Invalid JSON body' }, { status: 400 })
+  }
+
+  const parsed = useTemplateSchema.safeParse(body)
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: 'Validation failed', details: parsed.error.flatten() },
+      { status: 400 }
+    )
+  }
+
+  const { name, listId } = parsed.data
+
+  const [template] = await db
+    .select()
+    .from(templates)
+    .where(eq(templates.id, params.id))
+
+  if (!template) {
+    return NextResponse.json({ error: 'Template not found' }, { status: 404 })
+  }
+
+  const [list] = await db
+    .select({ id: lists.id })
+    .from(lists)
+    .where(eq(lists.id, listId))
+    .limit(1)
+  if (!list) {
+    return NextResponse.json({ error: 'List not found' }, { status: 404 })
+  }
+
+  const [defaultProvider] = await db
+    .select({ id: emailProviders.id })
+    .from(emailProviders)
+    .where(eq(emailProviders.isDefault, true))
+    .limit(1)
+
+  const [created] = await db
+    .insert(campaigns)
+    .values({
+      name,
+      listId,
+      status: 'draft',
+      subject: template.subject,
+      fromName: template.fromName,
+      fromEmail: template.fromEmail,
+      templateJson: template.templateJson,
+      templateHtml: template.templateHtml,
+      providerId: defaultProvider?.id ?? null,
+    })
+    .returning()
+
+  await logAudit(
+    await auditFromSession(req),
+    'campaign.create_from_template',
+    { type: 'campaign', id: created.id },
+    { templateId: template.id, templateName: template.name, listId },
+  )
+
+  return NextResponse.json(created, { status: 201 })
+}
diff --git a/app/api/internal/templates/route.ts b/app/api/internal/templates/route.ts
new file mode 100644
index 0000000..7e8d4bd
--- /dev/null
+++ b/app/api/internal/templates/route.ts
@@ -0,0 +1,77 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { db } from '@/lib/db'
+import { templates, campaigns } from '@/lib/db/schema'
+import { desc, eq } from 'drizzle-orm'
+import { auditFromSession, logAudit } from '@/lib/audit'
+import { createTemplateSchema } from '@/lib/validations/templates'
+
+export async function GET() {
+  const rows = await db
+    .select()
+    .from(templates)
+    .orderBy(desc(templates.updatedAt))
+
+  return NextResponse.json(rows)
+}
+
+export async function POST(req: NextRequest) {
+  let body: unknown
+  try {
+    body = await req.json()
+  } catch {
+    return NextResponse.json({ error: 'Invalid JSON body' }, { status: 400 })
+  }
+
+  const parsed = createTemplateSchema.safeParse(body)
+  if (!parsed.success) {
+    return NextResponse.json(
+      { error: 'Validation failed', details: parsed.error.flatten() },
+      { status: 400 }
+    )
+  }
+
+  const { name, description, fromCampaignId } = parsed.data
+
+  let snapshot = {
+    subject: '',
+    fromName: '',
+    fromEmail: '',
+    templateJson: [] as never[],
+    templateHtml: null as string | null,
+  }
+
+  if (fromCampaignId) {
+    const [campaign] = await db
+      .select()
+      .from(campaigns)
+      .where(eq(campaigns.id, fromCampaignId))
+    if (!campaign) {
+      return NextResponse.json({ error: 'Source campaign not found' }, { status: 404 })
+    }
+    snapshot = {
+      subject: campaign.subject,
+      fromName: campaign.fromName,
+      fromEmail: campaign.fromEmail,
+      templateJson: campaign.templateJson as never[],
+      templateHtml: campaign.templateHtml,
+    }
+  }
+
+  const [created] = await db
+    .insert(templates)
+    .values({
+      name,
+      description: description ?? null,
+      ...snapshot,
+    })
+    .returning()
+
+  await logAudit(
+    await auditFromSession(req),
+    'template.create',
+    { type: 'template', id: created.id },
+    { name: created.name, fromCampaignId: fromCampaignId ?? null },
+  )
+
+  return NextResponse.json(created, { status: 201 })
+}
diff --git a/components/dashboard/sidebar.tsx b/components/dashboard/sidebar.tsx
index 4360718..af97085 100644
--- a/components/dashboard/sidebar.tsx
+++ b/components/dashboard/sidebar.tsx
@@ -46,6 +46,17 @@ const mainNavItems: NavItem[] = [
       </svg>
     ),
   },
+  {
+    label: 'Templates',
+    href: '/templates',
+    icon: (
+      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <rect width="18" height="18" x="3" y="3" rx="2" />
+        <path d="M3 9h18" />
+        <path d="M9 21V9" />
+      </svg>
+    ),
+  },
 ]
 
 const settingsNavItems: NavItem[] = [
diff --git a/drizzle/migrations/0002_old_starbolt.sql b/drizzle/migrations/0002_old_starbolt.sql
new file mode 100644
index 0000000..b7b4b18
--- /dev/null
+++ b/drizzle/migrations/0002_old_starbolt.sql
@@ -0,0 +1,12 @@
+CREATE TABLE IF NOT EXISTS "templates" (
+	"id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL,
+	"name" text NOT NULL,
+	"description" text,
+	"subject" text DEFAULT '' NOT NULL,
+	"from_name" text DEFAULT '' NOT NULL,
+	"from_email" text DEFAULT '' NOT NULL,
+	"template_json" jsonb DEFAULT '[]'::jsonb NOT NULL,
+	"template_html" text,
+	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
+	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
+);
diff --git a/drizzle/migrations/meta/0002_snapshot.json b/drizzle/migrations/meta/0002_snapshot.json
new file mode 100644
index 0000000..9530ed0
--- /dev/null
+++ b/drizzle/migrations/meta/0002_snapshot.json
@@ -0,0 +1,901 @@
+{
+  "id": "75b7bc78-987d-4096-bf9f-7291a1f0782c",
+  "prevId": "378e93f9-e1c7-4ee8-bdaf-4e645c039b90",
+  "version": "7",
+  "dialect": "postgresql",
+  "tables": {
+    "public.api_keys": {
+      "name": "api_keys",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "key_hash": {
+          "name": "key_hash",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "last_used_at": {
+          "name": "last_used_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "rate_limit_per_minute": {
+          "name": "rate_limit_per_minute",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 60
+        },
+        "rate_limit_tokens": {
+          "name": "rate_limit_tokens",
+          "type": "double precision",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 60
+        },
+        "rate_limit_updated_at": {
+          "name": "rate_limit_updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "api_keys_key_hash_unique": {
+          "name": "api_keys_key_hash_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "key_hash"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.audit_logs": {
+      "name": "audit_logs",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "actor_type": {
+          "name": "actor_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "actor_id": {
+          "name": "actor_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "actor_label": {
+          "name": "actor_label",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "action": {
+          "name": "action",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "resource_type": {
+          "name": "resource_type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "resource_id": {
+          "name": "resource_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'{}'::jsonb"
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {
+        "audit_logs_created_at_idx": {
+          "name": "audit_logs_created_at_idx",
+          "columns": [
+            {
+              "expression": "created_at",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        },
+        "audit_logs_resource_idx": {
+          "name": "audit_logs_resource_idx",
+          "columns": [
+            {
+              "expression": "resource_type",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            },
+            {
+              "expression": "resource_id",
+              "isExpression": false,
+              "asc": true,
+              "nulls": "last"
+            }
+          ],
+          "isUnique": false,
+          "concurrently": false,
+          "method": "btree",
+          "with": {}
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.campaign_events": {
+      "name": "campaign_events",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "campaign_send_id": {
+          "name": "campaign_send_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "campaign_id": {
+          "name": "campaign_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "link_url": {
+          "name": "link_url",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "ip_address": {
+          "name": "ip_address",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "user_agent": {
+          "name": "user_agent",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "campaign_events_campaign_send_id_campaign_sends_id_fk": {
+          "name": "campaign_events_campaign_send_id_campaign_sends_id_fk",
+          "tableFrom": "campaign_events",
+          "tableTo": "campaign_sends",
+          "columnsFrom": [
+            "campaign_send_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "campaign_events_campaign_id_campaigns_id_fk": {
+          "name": "campaign_events_campaign_id_campaigns_id_fk",
+          "tableFrom": "campaign_events",
+          "tableTo": "campaigns",
+          "columnsFrom": [
+            "campaign_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.campaign_sends": {
+      "name": "campaign_sends",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "campaign_id": {
+          "name": "campaign_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "contact_id": {
+          "name": "contact_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'pending'"
+        },
+        "provider_message_id": {
+          "name": "provider_message_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "error_message": {
+          "name": "error_message",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "sent_at": {
+          "name": "sent_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "campaign_sends_campaign_id_campaigns_id_fk": {
+          "name": "campaign_sends_campaign_id_campaigns_id_fk",
+          "tableFrom": "campaign_sends",
+          "tableTo": "campaigns",
+          "columnsFrom": [
+            "campaign_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        },
+        "campaign_sends_contact_id_contacts_id_fk": {
+          "name": "campaign_sends_contact_id_contacts_id_fk",
+          "tableFrom": "campaign_sends",
+          "tableTo": "contacts",
+          "columnsFrom": [
+            "contact_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "campaign_sends_campaign_id_contact_id_unique": {
+          "name": "campaign_sends_campaign_id_contact_id_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "campaign_id",
+            "contact_id"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.campaigns": {
+      "name": "campaigns",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "subject": {
+          "name": "subject",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "from_name": {
+          "name": "from_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "from_email": {
+          "name": "from_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "list_id": {
+          "name": "list_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "provider_id": {
+          "name": "provider_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "template_json": {
+          "name": "template_json",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'[]'::jsonb"
+        },
+        "template_html": {
+          "name": "template_html",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'draft'"
+        },
+        "scheduled_at": {
+          "name": "scheduled_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "sent_at": {
+          "name": "sent_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "total_recipients": {
+          "name": "total_recipients",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "cancel_requested": {
+          "name": "cancel_requested",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "campaigns_list_id_lists_id_fk": {
+          "name": "campaigns_list_id_lists_id_fk",
+          "tableFrom": "campaigns",
+          "tableTo": "lists",
+          "columnsFrom": [
+            "list_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "campaigns_provider_id_email_providers_id_fk": {
+          "name": "campaigns_provider_id_email_providers_id_fk",
+          "tableFrom": "campaigns",
+          "tableTo": "email_providers",
+          "columnsFrom": [
+            "provider_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.contacts": {
+      "name": "contacts",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "list_id": {
+          "name": "list_id",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "first_name": {
+          "name": "first_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "last_name": {
+          "name": "last_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'{}'::jsonb"
+        },
+        "status": {
+          "name": "status",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'active'"
+        },
+        "unsubscribe_token": {
+          "name": "unsubscribe_token",
+          "type": "uuid",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "contacts_list_id_lists_id_fk": {
+          "name": "contacts_list_id_lists_id_fk",
+          "tableFrom": "contacts",
+          "tableTo": "lists",
+          "columnsFrom": [
+            "list_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "cascade",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "contacts_unsubscribe_token_unique": {
+          "name": "contacts_unsubscribe_token_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "unsubscribe_token"
+          ]
+        },
+        "contacts_list_id_email_unique": {
+          "name": "contacts_list_id_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "list_id",
+            "email"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.email_providers": {
+      "name": "email_providers",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "config_encrypted": {
+          "name": "config_encrypted",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "is_default": {
+          "name": "is_default",
+          "type": "boolean",
+          "primaryKey": false,
+          "notNull": true,
+          "default": false
+        },
+        "rate_limit_per_second": {
+          "name": "rate_limit_per_second",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": true,
+          "default": 10
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.lists": {
+      "name": "lists",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.suppressions": {
+      "name": "suppressions",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "reason": {
+          "name": "reason",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "source": {
+          "name": "source",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "metadata": {
+          "name": "metadata",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": false,
+          "default": "'{}'::jsonb"
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {
+        "suppressions_email_unique": {
+          "name": "suppressions_email_unique",
+          "nullsNotDistinct": false,
+          "columns": [
+            "email"
+          ]
+        }
+      },
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    },
+    "public.templates": {
+      "name": "templates",
+      "schema": "",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "uuid",
+          "primaryKey": true,
+          "notNull": true,
+          "default": "gen_random_uuid()"
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true
+        },
+        "description": {
+          "name": "description",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "subject": {
+          "name": "subject",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "from_name": {
+          "name": "from_name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "from_email": {
+          "name": "from_email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "''"
+        },
+        "template_json": {
+          "name": "template_json",
+          "type": "jsonb",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "'[]'::jsonb"
+        },
+        "template_html": {
+          "name": "template_html",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false
+        },
+        "created_at": {
+          "name": "created_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        },
+        "updated_at": {
+          "name": "updated_at",
+          "type": "timestamp with time zone",
+          "primaryKey": false,
+          "notNull": true,
+          "default": "now()"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {},
+      "policies": {},
+      "checkConstraints": {},
+      "isRLSEnabled": false
+    }
+  },
+  "enums": {},
+  "schemas": {},
+  "sequences": {},
+  "roles": {},
+  "policies": {},
+  "views": {},
+  "_meta": {
+    "columns": {},
+    "schemas": {},
+    "tables": {}
+  }
+}
\ No newline at end of file
diff --git a/drizzle/migrations/meta/_journal.json b/drizzle/migrations/meta/_journal.json
index 7c2334f..831ce33 100644
--- a/drizzle/migrations/meta/_journal.json
+++ b/drizzle/migrations/meta/_journal.json
@@ -15,6 +15,13 @@
       "when": 1777752836747,
       "tag": "0001_woozy_silvermane",
       "breakpoints": true
+    },
+    {
+      "idx": 2,
+      "version": "7",
+      "when": 1777840693279,
+      "tag": "0002_old_starbolt",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/lib/db/schema.ts b/lib/db/schema.ts
index 10c7786..885f5fb 100644
--- a/lib/db/schema.ts
+++ b/lib/db/schema.ts
@@ -87,6 +87,19 @@ export const suppressions = pgTable('suppressions', {
   createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
 })
 
+export const templates = pgTable('templates', {
+  id: uuid('id').primaryKey().defaultRandom(),
+  name: text('name').notNull(),
+  description: text('description'),
+  subject: text('subject').notNull().default(''),
+  fromName: text('from_name').notNull().default(''),
+  fromEmail: text('from_email').notNull().default(''),
+  templateJson: jsonb('template_json').notNull().default([]).$type<Block[]>(),
+  templateHtml: text('template_html'),
+  createdAt: timestamp('created_at', { withTimezone: true }).notNull().defaultNow(),
+  updatedAt: timestamp('updated_at', { withTimezone: true }).notNull().defaultNow(),
+})
+
 export const apiKeys = pgTable('api_keys', {
   id: uuid('id').primaryKey().defaultRandom(),
   name: text('name').notNull(),
@@ -134,3 +147,4 @@ export type CampaignEvent = typeof campaignEvents.$inferSelect
 export type ApiKey = typeof apiKeys.$inferSelect
 export type Suppression = typeof suppressions.$inferSelect
 export type AuditLog = typeof auditLogs.$inferSelect
+export type Template = typeof templates.$inferSelect
diff --git a/lib/validations/templates.ts b/lib/validations/templates.ts
new file mode 100644
index 0000000..8401fdd
--- /dev/null
+++ b/lib/validations/templates.ts
@@ -0,0 +1,38 @@
+import { z } from 'zod'
+
+const blockSchema = z.object({
+  id: z.string(),
+  type: z.enum(['heading', 'text', 'image', 'button', 'divider', 'spacer']),
+  props: z.record(z.unknown()),
+})
+
+export const createTemplateSchema = z.object({
+  name: z.string().min(1, 'Name is required'),
+  description: z.string().optional().nullable(),
+  fromCampaignId: z.string().uuid().optional(),
+})
+
+export const updateTemplateSchema = z.object({
+  name: z.string().min(1).optional(),
+  description: z.string().nullable().optional(),
+  subject: z.string().optional(),
+  fromName: z.string().optional(),
+  fromEmail: z.string().optional(),
+  templateJson: z.array(blockSchema).optional(),
+  templateHtml: z.string().nullable().optional(),
+})
+
+export const useTemplateSchema = z.object({
+  name: z.string().min(1, 'Name is required'),
+  listId: z.string().uuid(),
+})
+
+export const saveAsTemplateSchema = z.object({
+  name: z.string().min(1, 'Name is required'),
+  description: z.string().optional().nullable(),
+})
+
+export type CreateTemplateInput = z.infer<typeof createTemplateSchema>
+export type UpdateTemplateInput = z.infer<typeof updateTemplateSchema>
+export type UseTemplateInput = z.infer<typeof useTemplateSchema>
+export type SaveAsTemplateInput = z.infer<typeof saveAsTemplateSchema>