diff --git a/index.html b/index.html
new file mode 100644
index 00000000..31d2fe1e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>🐱 Nyash Programming Language</title>
+    <style>
+        body {
+            font-family: 'Monaco', 'Consolas', monospace;
+            margin: 0;
+            padding: 40px;
+            background: linear-gradient(135deg, #1e1e1e 0%, #2d2d2d 100%);
+            color: #ffffff;
+            text-align: center;
+        }
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+        h1 {
+            color: #ff6b6b;
+            font-size: 3em;
+            margin-bottom: 20px;
+            text-shadow: 0 0 20px rgba(255, 107, 107, 0.5);
+        }
+        .subtitle {
+            color: #4ecdc4;
+            font-size: 1.5em;
+            margin-bottom: 40px;
+            font-weight: bold;
+        }
+        .philosophy {
+            background: rgba(78, 205, 196, 0.1);
+            padding: 30px;
+            border-radius: 15px;
+            border: 2px solid rgba(78, 205, 196, 0.3);
+            margin: 40px 0;
+            font-size: 1.2em;
+        }
+        .cta-button {
+            display: inline-block;
+            background: linear-gradient(45deg, #ff6b6b, #ffa726);
+            color: white;
+            text-decoration: none;
+            padding: 20px 40px;
+            border-radius: 30px;
+            font-size: 1.3em;
+            font-weight: bold;
+            margin: 20px;
+            transition: transform 0.3s, box-shadow 0.3s;
+            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.4);
+        }
+        .cta-button:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 12px 35px rgba(255, 107, 107, 0.6);
+        }
+        .features {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 20px;
+            margin: 40px 0;
+        }
+        .feature {
+            background: rgba(255, 255, 255, 0.05);
+            padding: 20px;
+            border-radius: 10px;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .feature h3 {
+            color: #4ecdc4;
+            margin-bottom: 10px;
+        }
+        .footer {
+            margin-top: 60px;
+            padding-top: 30px;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+            color: #888;
+        }
+        .links {
+            margin: 30px 0;
+        }
+        .links a {
+            color: #4ecdc4;
+            text-decoration: none;
+            margin: 0 15px;
+            font-size: 1.1em;
+        }
+        .links a:hover {
+            color: #ff6b6b;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>🐱 Nyash</h1>
+        <p class="subtitle">Next-Generation Browser-Native Programming Language</p>
+        <p class="subtitle" style="font-size: 1.2em;">革新的プログラミング言語 - ブラウザーで動く新世代開発体験</p>
+        
+        <div class="philosophy">
+            <strong>🎯 Everything is Box Philosophy</strong><br>
+            Every value in Nyash is a Box - unified, memory-safe, and elegant.<br>
+            <em>すべての値がBoxとして統一された、メモリ安全で美しい世界</em>
+        </div>
+        
+        <a href="projects/nyash-wasm/nyash_playground.html" class="cta-button">
+            🎮 Try Nyash Now!<br>
+            <small style="font-size: 0.8em;">No installation required!</small>
+        </a>
+        
+        <div class="features">
+            <div class="feature">
+                <h3>🚀 Browser-First</h3>
+                <p>Runs directly in web browsers via WebAssembly. Zero installation, instant coding!</p>
+            </div>
+            <div class="feature">
+                <h3>🎨 Creative Coding</h3>
+                <p>Built-in Canvas API, visual debugging, perfect for games and art projects!</p>
+            </div>
+            <div class="feature">
+                <h3>🛡️ Memory Safe</h3>
+                <p>Everything is Box philosophy eliminates crashes and memory leaks automatically!</p>
+            </div>
+            <div class="feature">
+                <h3>⚡ Async Ready</h3>
+                <p>Simple nowait/await syntax for parallel processing without complexity!</p>
+            </div>
+        </div>
+        
+        <div class="links">
+            <a href="https://github.com/moe-charm/nyash">📂 GitHub Repository</a>
+            <a href="projects/nyash-wasm/nyash_playground.html">🎮 Playground</a>
+            <a href="https://github.com/moe-charm/nyash#-getting-started">📚 Documentation</a>
+        </div>
+        
+        <div class="footer">
+            <p><strong>🤖 Support the Project</strong></p>
+            <p>Nyash is developed with cutting-edge AI collaboration!</p>
+            <a href="http://coff.ee/moecharmde6" style="color: #ff6b6b;">☕ Support Development</a>
+            <p style="margin-top: 20px;"><em>Built with ❤️, 🤖 Claude Code, and the Everything is Box philosophy</em></p>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
