Update "Tiny Recursive Model" project page with new links to the research paper and GitHub repository. Revise subtitle for clarity and enhance content with an overview of the TRM architecture, including key components and their functions.

vukrosic · vukrosic · commit a412d3a0295c · 2025-10-15T19:38:19.000+02:00
diff --git a/app/blog/tiny-recursive-model/page.tsx b/app/blog/tiny-recursive-model/page.tsx
@@ -184,6 +184,38 @@ export default function TinyRecursiveModelProject() {
                   ))}
                 </div>
               )}
+
+              {/* Links to Paper and GitHub */}
+              <div className="flex flex-wrap items-center justify-center gap-4 mb-8">
+                <a 
+                  href="https://arxiv.org/pdf/2510.04871v1"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="group flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-600/20 to-purple-600/20 hover:from-blue-600/30 hover:to-purple-600/30 border border-blue-500/30 hover:border-blue-400/50 text-blue-300 hover:text-blue-200 font-medium rounded-xl transition-all duration-300 shadow-lg hover:shadow-blue-500/25"
+                >
+                  <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
+                    <path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                  </svg>
+                  <span>Read Paper</span>
+                  <svg className="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                  </svg>
+                </a>
+                <a 
+                  href="https://github.com/vukrosic/learn-tiny-recursive-models"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="group flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-purple-600/20 to-pink-600/20 hover:from-purple-600/30 hover:to-pink-600/30 border border-purple-500/30 hover:border-purple-400/50 text-purple-300 hover:text-purple-200 font-medium rounded-xl transition-all duration-300 shadow-lg hover:shadow-purple-500/25"
+                >
+                  <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
+                    <path fillRule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clipRule="evenodd" />
+                  </svg>
+                  <span>View Code</span>
+                  <svg className="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                  </svg>
+                </a>
+              </div>
               
               {/* Glow effect for the title */}
               <div className="absolute inset-0 text-4xl md:text-5xl lg:text-6xl font-medium leading-tight blur-sm">
diff --git a/app/page.tsx b/app/page.tsx
@@ -247,15 +247,15 @@ export default function Home() {
                 <span className="bg-slate-600/50 text-slate-300 text-xs px-2 py-1 rounded-md">Research</span>
               </div>
               <div className="absolute top-4 right-4">
-                <span className="bg-purple-500/20 text-purple-400 text-xs px-2 py-1 rounded-md">New</span>
+                <span className="bg-purple-500/20 text-purple-400 text-xs px-2 py-1 rounded-md">Latest</span>
               </div>
               
               <div className="mt-8">
                 <h4 className="text-xl font-bold mb-3 group-hover:text-purple-400 transition-colors">
                   Tiny Recursive Model
                 </h4>
                 <p className="text-gray-400 text-sm mb-4 leading-relaxed">
-                  Exploring recursive architectures for efficient AI models
+                  How a 7M parameter model beats 100x bigger models at Sudoku, Mazes, and ARC-AGI using recursive reasoning with a 2-layer transformer
                 </p>
                 <div className="flex items-center justify-between">
                   <span className="text-xs text-gray-500">AI Research</span>
diff --git a/public/content/tiny-recursive-model/images/tiny-recursive-model-architecture.png b/public/content/tiny-recursive-model/images/tiny-recursive-model-architecture.png
diff --git a/public/content/tiny-recursive-model/tiny-recursive-model-content.md b/public/content/tiny-recursive-model/tiny-recursive-model-content.md
@@ -1,7 +1,7 @@
 ---
 hero:
   title: "Tiny Recursive Model"
-  subtitle: "Exploring recursive architectures for efficient AI models"
+  subtitle: "New recursive reasoning AI architecture"
   tags:
     - "⏱️ Technical Deep Dive"
     - "📄 Research Article"
@@ -15,6 +15,22 @@ hero:
 
 It beats 100x bigger models in Sudoku-Extreme, Mazes, ARC-AGI and more.
 
+In this tutorial we will learn how TRM works and do our own experiments.
+
+---
+
+## TRM Architecture Overview
+
+![Tiny Recursive Model Architecture](/content/tiny-recursive-model/images/tiny-recursive-model-architecture.png)
+*Figure: The Tiny Recursive Model architecture showing the main processing block (4x transformer layers), input combination of question (x), answer (y), and reasoning (z), output processing for loss calculation, and the recursive update mechanism that iteratively refines the reasoning and prediction over up to 16 steps.*
+
+The diagram above illustrates the complete TRM architecture. The model processes three key components:
+- **Input (x)**: The question or problem to solve (e.g., maze layout)
+- **Prediction (y)**: The model's current answer attempt
+- **Latent (z)**: The model's internal reasoning state
+
+These are combined and processed through a 4-layer transformer stack, with the output used to compute cross-entropy loss. The key innovation is the recursive update mechanism at the bottom, which iteratively refines both the reasoning (z) and prediction (y) over multiple steps to progressively improve the solution.
+
 ---
 
 ## How TRM Works
