diff --git a/packages/website/src/components/Playground.tsx b/packages/website/src/components/Playground.tsx
deleted file mode 100644
index b4d3a89..0000000
--- a/packages/website/src/components/Playground.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-export default function Playground() {
-  return (
-    <div
-      style={{
-        background: "white",
-        borderRadius: "12px",
-        boxShadow: "0 4px 6px rgba(0, 0, 0, 0.05)",
-        overflow: "hidden",
-        minHeight: "500px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: "2rem",
-        color: "#64748b",
-        fontFamily: "system-ui, sans-serif",
-      }}
-    >
-      <div style={{ textAlign: "center", maxWidth: "600px" }}>
-        <h3
-          style={{
-            fontSize: "1.5rem",
-            marginBottom: "1rem",
-            color: "#1e293b",
-            fontWeight: 700,
-          }}
-        >
-          Try it in the Playground
-        </h3>
-        <p
-          style={{
-            fontSize: "1.125rem",
-            marginBottom: "2rem",
-            lineHeight: "1.6",
-          }}
-        >
-          Experience typelex with syntax highlighting, live compilation, and
-          instant Lexicon output.
-        </p>
-        <a
-          href="http://localhost:5174"
-          target="_blank"
-          rel="noopener noreferrer"
-          style={{
-            display: "inline-block",
-            padding: "0.875rem 2rem",
-            background:
-              "linear-gradient(135deg, #7a8ef7 0%, #9483f7 70%, #b87ed8 100%)",
-            color: "white",
-            textDecoration: "none",
-            borderRadius: "8px",
-            fontWeight: 700,
-            fontSize: "1.125rem",
-            boxShadow:
-              "0 2px 4px rgba(122, 142, 247, 0.35), 0 3px 6px rgba(0, 0, 0, 0.1)",
-            transition: "all 0.2s",
-          }}
-        >
-          Open Playground →
-        </a>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/website/src/pages/index.astro b/packages/website/src/pages/index.astro
index 4a2fed0..9c15672 100644
--- a/packages/website/src/pages/index.astro
+++ b/packages/website/src/pages/index.astro
@@ -269,7 +269,7 @@ namespace app.bsky.actor.profile {
 						<div class="step-content">
 							<h3>Try the playground</h3>
 							<p class="step-description">Experiment with typelex in your browser before installing.</p>
-							<a href="http://localhost:5174" target="_blank" rel="noopener noreferrer" class="playground-button">
+							<a href="https://playground.typelex.org" target="_blank" rel="noopener noreferrer" class="playground-button">
 								Open Playground
 							</a>
 						</div>