Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Cortex AI IDE: open-source agentic code editor</title> | |
| <meta name="description" content="Open-source agentic AI code editor for Windows and Linux. Bring your own key. Apache-2.0."> | |
| <link rel="icon" href="logo.png"> | |
| <style> | |
| :root{--bg:#0d0d0f;--card:#16161a;--line:#26262c;--fg:#ececf1;--mut:#9a9aa6;--acc:#f5b74a} | |
| *{box-sizing:border-box} | |
| body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,Segoe UI,Inter,Roboto,sans-serif} | |
| a{color:inherit} | |
| .wrap{max-width:1040px;margin:0 auto;padding:0 20px} | |
| header{display:flex;align-items:center;gap:10px;padding:22px 0} | |
| header img{width:30px;height:30px;border-radius:7px;background:#fff;padding:3px} | |
| header b{font-size:17px} | |
| header nav{margin-left:auto;display:flex;gap:18px;font-size:14px;color:var(--mut)} | |
| header nav a{text-decoration:none} | |
| .hero{text-align:center;padding:56px 0 34px} | |
| .pill{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:13px;color:var(--mut)} | |
| h1{font-size:clamp(34px,6vw,58px);line-height:1.08;margin:18px 0 14px;letter-spacing:-.02em} | |
| h1 span{color:var(--acc)} | |
| .sub{color:var(--mut);max-width:640px;margin:0 auto 28px;font-size:18px} | |
| .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} | |
| .btn{padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;border:1px solid var(--line)} | |
| .btn.p{background:var(--acc);color:#111;border-color:var(--acc)} | |
| .shot{margin:42px auto 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)} | |
| .shot img{display:block;width:100%} | |
| .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:60px 0} | |
| .c{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px} | |
| .c h3{margin:0 0 6px;font-size:16px} | |
| .c p{margin:0;color:var(--mut);font-size:14.5px} | |
| h2{font-size:26px;margin:0 0 16px} | |
| .gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px} | |
| .gal img{width:100%;border-radius:10px;border:1px solid var(--line)} | |
| pre{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;overflow:auto;font-size:13.5px} | |
| footer{border-top:1px solid var(--line);margin-top:70px;padding:26px 0;color:var(--mut);font-size:14px;display:flex;gap:16px;flex-wrap:wrap} | |
| section{margin:60px 0} | |
| </style> | |
| </head> | |
| <body> | |
| <div class="wrap"> | |
| <header> | |
| <img src="logo.png" alt="Cortex logo"><b>Cortex AI IDE</b> | |
| <nav><a href="https://cortex-ide.app/docs/" target="_blank">Docs</a><a href="https://github.com/Cortex-AI-IDE/Cortex-Desktop" target="_blank">GitHub</a><a href="https://x.com/cortexide" target="_blank">X</a></nav> | |
| </header> | |
| <div class="hero"> | |
| <span class="pill">Open source · Apache-2.0 · Windows & Linux</span> | |
| <h1>The agentic code editor<br>that <span>finishes the job</span></h1> | |
| <p class="sub">Hand Cortex a task. It plans, reads your code, edits files, runs commands, and verifies its own work until the checks pass, all inside a real IDE.</p> | |
| <div class="cta"> | |
| <a class="btn p" href="https://cortex-ide.app" target="_blank">Download free</a> | |
| <a class="btn" href="https://github.com/Cortex-AI-IDE/Cortex-Desktop" target="_blank">★ Star on GitHub</a> | |
| </div> | |
| <div class="shot"><img src="https://cortex-ide.app/static/cortex/img/screenshot-editor-dark.117eaa42f67b.jpeg" alt="Cortex AI IDE dark mode editor with agent panel" onerror="this.parentNode.style.display='none'"></div> | |
| </div> | |
| <div class="grid"> | |
| <div class="c"><h3>Real agentic loop</h3><p>DISCOVER → PLAN → ACT → VERIFY, with maker/checker separation and git checkpoints.</p></div> | |
| <div class="c"><h3>Bring your own key</h3><p>Claude, GPT, Gemini, DeepSeek, Qwen, MiMo, Mistral, OpenRouter and more. Keys stay encrypted on your machine.</p></div> | |
| <div class="c"><h3>Private by design</h3><p>Your code goes only to the model provider you choose, never through our servers.</p></div> | |
| <div class="c"><h3>250+ built-in skills</h3><p>Office docs, TDD, browser testing and more, loaded on demand. MCP servers plug straight in.</p></div> | |
| <div class="c"><h3>Reviewable diffs</h3><p>Every write is shown as a diff, and permission gates stop destructive commands before they run.</p></div> | |
| <div class="c"><h3>Native and fast</h3><p>PyQt6 shell, Monaco editor, xterm.js terminal, project memory, and 16+ accessible themes.</p></div> | |
| </div> | |
| <section> | |
| <h2>See it work</h2> | |
| <div class="gal"> | |
| <img src="https://cortex-ide.app/static/cortex/img/screenshot-agent.d59a19dcdff7.png" alt="Agent chat with tool calls" onerror="this.remove()"> | |
| <img src="https://cortex-ide.app/static/cortex/img/screenshot-diff.509744e4a722.png" alt="Diff viewer reviewing an agent edit" onerror="this.remove()"> | |
| </div> | |
| </section> | |
| <section> | |
| <h2>Run from source</h2> | |
| <pre>git clone https://github.com/Cortex-AI-IDE/Cortex-Desktop.git | |
| cd Cortex-Desktop | |
| npm install | |
| python -m venv .venv | |
| .\.venv\Scripts\Activate.ps1 | |
| python -m pip install -r requirements.txt | |
| python src/main.py</pre> | |
| <p style="color:var(--mut);font-size:14px">See the <a href="https://github.com/Cortex-AI-IDE/Cortex-Desktop#installation" target="_blank">README</a> for full requirements (including Node.js).</p> | |
| </section> | |
| <footer> | |
| <span>© Cortex AI IDE</span> | |
| <a href="https://cortex-ide.app" target="_blank">cortex-ide.app</a> | |
| <a href="https://github.com/Cortex-AI-IDE/Cortex-Desktop" target="_blank">GitHub</a> | |
| <a href="https://x.com/cortexide" target="_blank">@cortexide</a> | |
| </footer> | |
| </div> | |
| </body> | |
| </html> | |