diff --git a/demo/package-lock.json b/demo/package-lock.json
index 8326d6a..f93dc2d 100644
--- a/demo/package-lock.json
+++ b/demo/package-lock.json
@@ -8,7 +8,7 @@
       "name": "tablecraft-demo",
       "version": "0.0.0",
       "dependencies": {
-        "@marvinackerman/tablecraft": "3.0.0",
+        "@marvinackerman/tablecraft": "3.1.0",
         "@tanstack/react-table": "^8.21.3",
         "@tanstack/react-virtual": "^3.13.25",
         "prism-react-renderer": "^2.4.0",
@@ -920,9 +920,9 @@
       }
     },
     "node_modules/@marvinackerman/tablecraft": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@marvinackerman/tablecraft/-/tablecraft-3.0.0.tgz",
-      "integrity": "sha512-3vin2iGtbWJFbWrpLgyPAKkseo74Cvjk7kWL9/ZlG58xisXWDxh4/xFk5ZA47L7dLiRZp/Zr123AMPu5PC6WqQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@marvinackerman/tablecraft/-/tablecraft-3.1.0.tgz",
+      "integrity": "sha512-HLwr2EtYTmDbwoH78cd6HrZ9B2G0OoqmML+XMJjb8rzIT6skBpaPnkFRhy61fMRDcOu2B6XuGmqhPzpOY6CviA==",
       "license": "MIT",
       "peerDependencies": {
         "@tanstack/react-query": ">=5",
diff --git a/demo/package.json b/demo/package.json
index 002849a..c641a8f 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -11,7 +11,7 @@
     "lint": "tsc --noEmit"
   },
   "dependencies": {
-    "@marvinackerman/tablecraft": "3.0.0",
+    "@marvinackerman/tablecraft": "3.1.0",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.25",
     "prism-react-renderer": "^2.4.0",
diff --git a/demo/src/App.tsx b/demo/src/App.tsx
index 25ed483..3191515 100644
--- a/demo/src/App.tsx
+++ b/demo/src/App.tsx
@@ -1,4 +1,5 @@
 import { Hero } from './Hero'
+import { TABLECRAFT_VERSION } from './version'
 import { WhySection } from './sections/WhySection'
 import { CoreSection } from './sections/CoreSection'
 import { EditingSection } from './sections/EditingSection'
@@ -17,7 +18,9 @@ export default function App() {
             tablecraft<span className="text-accent">.</span>
           </span>
           <div className="flex items-center gap-4 text-sm">
-            <span className="hidden font-mono text-xs text-faint sm:inline">v2.5.0 · MIT</span>
+            <span className="hidden font-mono text-xs text-faint sm:inline">
+              v{TABLECRAFT_VERSION} · MIT
+            </span>
             <a
               className="text-muted transition-colors hover:text-ink"
               href="https://github.com/Marvinkwame/Tablecraft"
diff --git a/demo/src/Hero.tsx b/demo/src/Hero.tsx
index 4fd448a..ecb561b 100644
--- a/demo/src/Hero.tsx
+++ b/demo/src/Hero.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { buttonClasses } from './ui/Button'
+import { TABLECRAFT_VERSION } from './version'
 
 const INSTALL = 'npm i @marvinackerman/tablecraft @tanstack/react-table'
 
@@ -30,7 +31,7 @@ export function Hero() {
         >
           <span className="size-1.5 rounded-full bg-emerald-400" />
           @marvinackerman/tablecraft
-          <span className="text-faint">v2.5.0</span>
+          <span className="text-faint">v{TABLECRAFT_VERSION}</span>
         </p>
 
         <h1
diff --git a/demo/src/version.ts b/demo/src/version.ts
new file mode 100644
index 0000000..0a5c443
--- /dev/null
+++ b/demo/src/version.ts
@@ -0,0 +1,12 @@
+import pkg from '../package.json'
+
+/**
+ * The tablecraft version this demo actually installs, read from the demo's own
+ * package.json rather than typed in by hand.
+ *
+ * The badge was hardcoded and sat at v2.5.0 across three releases while the
+ * dependency moved on without it. Deriving it means the displayed version and
+ * the installed one cannot disagree: bumping the dependency is now the only
+ * thing needed to update the page.
+ */
+export const TABLECRAFT_VERSION = pkg.dependencies['@marvinackerman/tablecraft']