<!DOCTYPE html><html lang="en" class="dark"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="generator" content="Astro v5.17.3"><title>Nimbalyst: Visual Editor for Claude Code &amp; Codex (Open Source)</title><meta name="description" content="Nimbalyst is the visual editor for Claude Code and Codex. Run parallel sessions, review AI diffs, edit markdown, mockups, diagrams, and code. Free, open source."><link rel="canonical" href="https://nimbalyst.com/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:site_name" content="Nimbalyst"><meta property="og:url" content="https://nimbalyst.com/"><meta property="og:title" content="Nimbalyst: Visual Editor for Claude Code &#38; Codex (Open Source)"><meta property="og:description" content="Nimbalyst is the visual editor for Claude Code and Codex. Run parallel sessions, review AI diffs, edit markdown, mockups, diagrams, and code. Free, open source."><meta property="og:image" content="https://nimbalyst.com/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><!-- Twitter / X --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@nimbalyst"><meta name="twitter:title" content="Nimbalyst: Visual Editor for Claude Code &#38; Codex (Open Source)"><meta name="twitter:description" content="Nimbalyst is the visual editor for Claude Code and Codex. Run parallel sessions, review AI diffs, edit markdown, mockups, diagrams, and code. Free, open source."><meta name="twitter:image" content="https://nimbalyst.com/og-image.png"><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"SoftwareApplication","name":"Nimbalyst","description":"Nimbalyst is the visual editor for Claude Code and Codex. Run parallel sessions, review AI diffs, edit markdown, mockups, diagrams, and code. Free, open source.","url":"https://nimbalyst.com/","downloadUrl":"https://nimbalyst.com/download/","applicationCategory":"DeveloperApplication","operatingSystem":"macOS, Windows, Linux, iOS","image":"https://nimbalyst.com/og-image.png","screenshot":"https://nimbalyst.com/og-image.png","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"publisher":{"@type":"Organization","name":"Nimbalyst","url":"https://nimbalyst.com/"}},{"@type":"VideoObject","name":"Nimbalyst product demo","description":"Walkthrough of Nimbalyst showing visual editing, multi-agent sessions, and AI diff review across markdown, mockups, and code.","thumbnailUrl":"https://nimbalyst.com/og-image.png","uploadDate":"2026-04-29T00:00:00+00:00","contentUrl":"https://nimbalyst.com/videos/nimbalyst-demo-dark-20260429.mp4","embedUrl":"https://nimbalyst.com/","publisher":{"@type":"Organization","name":"Nimbalyst","logo":{"@type":"ImageObject","url":"https://nimbalyst.com/nimbalyst-logo.png"}}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Nimbalyst?","acceptedAnswer":{"@type":"Answer","text":"Nimbalyst is the open-source visual workspace for building with Codex, Claude Code, and more. It's a session manager and visual editor for markdown, mockups, drawings, sessions, and tasks — plus code, data models, and CSVs. Free for individual use."}},{"@type":"Question","name":"Is Nimbalyst free?","acceptedAnswer":{"@type":"Answer","text":"Yes. The core Nimbalyst experience is completely free for individual users with no feature limits or trial period."}},{"@type":"Question","name":"Is Nimbalyst open source?","acceptedAnswer":{"@type":"Answer","text":"Yes. The Nimbalyst desktop and iOS apps are MIT licensed. You can read the code, file issues, build extensions, or fork the project on GitHub at <a href=\"https://github.com/Nimbalyst/nimbalyst\" target=\"_blank\" rel=\"noopener\">github.com/Nimbalyst/nimbalyst</a>. See the <a href=\"/open-source/\">open source page</a> for licensing and the tech stack."}},{"@type":"Question","name":"What AI agents does Nimbalyst support?","acceptedAnswer":{"@type":"Answer","text":"Nimbalyst supports Claude Code (by Anthropic) and Codex (by OpenAI), with OpenCode, Copilot, and Codex via ACP in Alpha. You can run multiple sessions in parallel, manage them on a kanban board, and review all agent file changes in one place."}},{"@type":"Question","name":"What platforms does Nimbalyst run on?","acceptedAnswer":{"@type":"Answer","text":"Nimbalyst is available as a desktop app for macOS (Apple Silicon and Intel), Windows, and Linux. There is also an iOS mobile app for managing agent sessions on the go."}},{"@type":"Question","name":"What is a visual workspace for AI coding?","acceptedAnswer":{"@type":"Answer","text":"A visual workspace for AI coding is a desktop environment that wraps AI coding agents like Claude Code and Codex in visual editors, session management, and project organization tools. Instead of working in a terminal, you see your agent's work in real-time across markdown, mockups, diagrams, code, and data — all with inline diff review. Nimbalyst is the first visual workspace purpose-built for agentic development."}},{"@type":"Question","name":"What is the best GUI for Claude Code?","acceptedAnswer":{"@type":"Answer","text":"Nimbalyst is the purpose-built GUI for Claude Code. It wraps the full power of Claude Code in a visual workspace with WYSIWYG editors for markdown, mockups, diagrams, and code. You get session management on a kanban board, inline diff review for every file type, task tracking, and a mobile app — all while using your existing Anthropic subscription. For a side-by-side review of every option, see our guide to the <a href=\"/blog/best-claude-code-gui-tools-2026/\">best Claude Code GUI tools in 2026</a>."}},{"@type":"Question","name":"Is Nimbalyst a visual editor for Claude Code?","acceptedAnswer":{"@type":"Answer","text":"Yes. Nimbalyst is the visual editor for Claude Code. Instead of reading terminal output and trusting blind edits, you see every change your Claude Code session makes across markdown, mockups, diagrams, data models, and code — and you approve or reject each one in place, with full session history visible on a kanban board."}},{"@type":"Question","name":"Is Nimbalyst a visual editor for Codex?","acceptedAnswer":{"@type":"Answer","text":"Yes. Nimbalyst is also the visual editor for Codex. Your Codex sessions run in the same file-aware workspace as Claude Code — with inline diff review across markdown, mockups, diagrams, data models, and code. You can run Claude Code and Codex sessions side by side and compare their output in one place."}},{"@type":"Question","name":"What is the best Codex GUI?","acceptedAnswer":{"@type":"Answer","text":"Nimbalyst is the full visual workspace around Codex — broader than a thin Codex desktop app or a terminal wrapper. You can run multiple Codex sessions in parallel, organize them on a kanban board, review every file change as an inline diff, and work across markdown, mockups, diagrams, data models, and code in one place. For a deeper comparison of every Codex GUI available, see our guide to the <a href=\"/blog/best-codex-gui-tools-and-desktop-apps-2026/\">best Codex GUI tools and desktop apps in 2026</a>."}},{"@type":"Question","name":"Can I run multiple Claude Code sessions in parallel?","acceptedAnswer":{"@type":"Answer","text":"Yes. Nimbalyst is built for running multiple Claude Code sessions in parallel. Any session can opt into its own git worktree with one click, so when you want isolation, sessions never stomp on each other's files. You see every active, waiting, and completed session on a kanban board, with a files sidebar showing exactly what changed, so no more clicking through terminal tabs to figure out which agent is doing what."}},{"@type":"Question","name":"Is Nimbalyst a Claude Code IDE?","acceptedAnswer":{"@type":"Answer","text":"Nimbalyst is an AI-native workspace built on top of Claude Code — broader than a traditional Claude Code IDE. Alongside a full code editor with inline AI diff review, you get visual editors for markdown, mockups, diagrams, and data models, a session kanban board, task tracking, and a mobile companion app. It's what most people want when they search for a Claude Code IDE: a purpose-built environment for agentic development, not a code editor with an AI plugin bolted on. For a broader comparison, see our roundup of the <a href=\"/blog/best-ai-ides-2026/\">best AI IDEs of 2026</a> for Claude Code and Codex users."}},{"@type":"Question","name":"What is agentic development?","acceptedAnswer":{"@type":"Answer","text":"Agentic development is a way of building software where AI agents like Claude Code and Codex autonomously write, edit, and refactor code based on natural-language instructions. Instead of writing every line yourself, you direct agents through sessions — reviewing their changes, approving diffs, and managing parallel tasks. Nimbalyst is the visual workspace designed for this workflow."}}]}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Nimbalyst","alternateName":"Nimbalyst AI","url":"https://nimbalyst.com/","logo":"https://nimbalyst.com/nimbalyst-logo.png","description":"Nimbalyst is an open-source visual workspace for building with Claude Code, Codex, and other AI coding agents.","founder":{"@type":"Person","name":"Karl Wirth"},"sameAs":["https://github.com/Nimbalyst/nimbalyst","https://x.com/nimbalyst","https://linkedin.com/company/nimbalyst","https://youtube.com/@nimbalyst","https://discord.gg/FgD9S2MCYB"]}</script><!-- RSS --><link rel="alternate" type="application/rss+xml" title="Nimbalyst Blog" href="/rss.xml"><link rel="alternate" type="application/rss+xml" title="Nimbalyst Dev Blog" href="/dev/rss.xml"><!-- Favicon: SVG is preferred by Google and modern browsers; ICO is fallback.
         Google requires the file to be ≥8x8 and a multiple of 48 to show in SERPs,
         which the ICO satisfies (256x256). --><link rel="icon" type="image/svg+xml" href="/nimbalyst-icon.svg"><link rel="icon" type="image/x-icon" sizes="any" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- Font preloads --><link rel="preload" href="/fonts/EuclidCircularA-Semibold.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/Inter-Variable.woff2" as="font" type="font/woff2" crossorigin><!-- Preconnect to analytics --><link rel="dns-prefetch" href="https://us-assets.i.posthog.com"><link rel="dns-prefetch" href="https://us.i.posthog.com"><link rel="dns-prefetch" href="https://www.googletagmanager.com"><!-- Theme: read preference before paint to prevent flash --><script>
      (function() {
        const stored = localStorage.getItem('theme');
        if (stored === 'light') {
          document.documentElement.classList.remove('dark');
        } else {
          document.documentElement.classList.add('dark');
        }
      })();
    </script><!-- Google Analytics (GA4) --><script src="https://www.googletagmanager.com/gtag/js?id=G-S7KEWBM6PF" async></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-S7KEWBM6PF');</script><link rel="stylesheet" href="/_astro/_slug_.CJ_30hCn.css"></head> <body class="min-h-screen flex flex-col"> <header class="fixed top-0 left-0 right-0 z-50 border-b border-nim-border/50 bg-nim-header-bg backdrop-blur-xl"> <nav class="mx-auto flex max-w-7xl items-center justify-between px-6 py-4"> <!-- Logo --> <a href="/" class="flex items-center gap-2"> <img src="/nimbalyst-logo-white.svg" alt="Nimbalyst" class="hidden dark:block h-8" width="116" height="32"> <img src="/nimbalyst-logo.svg" alt="Nimbalyst" class="dark:hidden h-8" width="116" height="32"> </a> <!-- Desktop nav --> <div class="hidden items-center gap-8 md:flex"> <div class="relative group"> <a href="/features/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Features <svg class="ml-1 inline-block h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </a> <div class="pointer-events-none absolute left-0 top-full pt-2 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100"> <div class="rounded-lg border border-nim-border bg-nim-surface p-2 shadow-xl min-w-48"> <a href="/features/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Core Features </a><a href="/extensions/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Extensions </a><a href="/mobile-agent-management/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Mobile </a><a href="/why-nimbalyst/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Why Nimbalyst </a> </div> </div> </div><div class="relative group"> <a href="/pricing/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Pricing  </a>  </div><div class="relative group"> <button type="button" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text cursor-default"> Resources <svg class="ml-1 inline-block h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="pointer-events-none absolute left-0 top-full pt-2 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100"> <div class="rounded-lg border border-nim-border bg-nim-surface p-2 shadow-xl grid w-[28rem] grid-cols-2 gap-x-1"> <a href="https://docs.nimbalyst.com" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Docs </a><a href="/blog/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Blog </a><a href="/skills/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Agent Skills </a><a href="/use-cases/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Use Cases </a><a href="/open-source/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Open Source </a><a href="/about/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> About </a><a href="/compare/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Compare </a><a href="/claude-code-gui/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Claude Code GUI </a><a href="/claude-code-desktop-app/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Claude Code Desktop App </a><a href="/codex-gui/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Codex GUI </a><a href="/codex-desktop-app/" class="block rounded-md px-3 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text"> Codex Desktop App </a> </div> </div> </div> </div> <!-- Right side --> <div class="flex items-center gap-4"> <button id="theme-toggle" class="rounded-lg p-2 text-nim-text-muted transition-colors hover:bg-nim-surface-hover hover:text-nim-text" aria-label="Toggle theme"> <!-- Sun icon (shown in dark mode) --> <svg class="h-5 w-5 hidden dark:block" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path> </svg> <!-- Moon icon (shown in light mode) --> <svg class="h-5 w-5 dark:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path> </svg> </button> <script type="module">const t=document.getElementById("theme-toggle");t?.addEventListener("click",()=>{const e=document.documentElement;e.classList.contains("dark")?(e.classList.remove("dark"),localStorage.setItem("theme","light")):(e.classList.add("dark"),localStorage.setItem("theme","dark"))});</script> <a href="https://github.com/Nimbalyst/nimbalyst" target="_blank" rel="noopener noreferrer" aria-label="Nimbalyst on GitHub" class="hidden items-center gap-2 rounded-lg border border-nim-border bg-nim-surface/60 px-3 py-1.5 text-sm font-medium text-nim-text-muted transition-colors hover:border-nim-purple/40 hover:text-nim-text md:inline-flex"> <svg viewBox="0 0 24 24" class="h-4 w-4" fill="currentColor" aria-hidden="true"> <path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.28-.01-1.02-.02-2-3.2.7-3.87-1.54-3.87-1.54-.52-1.32-1.27-1.67-1.27-1.67-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.68 1.25 3.34.96.1-.74.4-1.25.72-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.28 1.18-3.09-.12-.29-.51-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.05 11.05 0 0 1 5.79 0c2.21-1.49 3.18-1.18 3.18-1.18.62 1.59.23 2.76.11 3.05.74.81 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.26 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .31.21.68.8.56C20.22 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z"></path> </svg> <span>GitHub</span> </a> <a href="/download/" class="hidden rounded-lg bg-nim-purple px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-nim-purple-light md:inline-block">
Download
</a> <!-- Mobile menu button --> <button id="mobile-menu-btn" class="md:hidden text-nim-text-muted hover:text-nim-text" aria-label="Toggle menu"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </nav> <!-- Mobile menu overlay --> <div id="mobile-menu" class="hidden md:hidden"> <div class="border-t border-nim-border bg-nim-bg px-6 py-4 space-y-3"> <div> <p class="block text-nim-text-muted py-2 text-sm font-medium">Features</p> <div class="pl-4 space-y-1"> <a href="/features/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Core Features </a><a href="/extensions/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Extensions </a><a href="/mobile-agent-management/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Mobile </a><a href="/why-nimbalyst/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Why Nimbalyst </a> </div> </div><a href="/pricing/" class="block text-nim-text-muted hover:text-nim-text py-2"> Pricing </a><div> <p class="block text-nim-text-muted py-2 text-sm font-medium">Resources</p> <div class="pl-4 space-y-1"> <a href="https://docs.nimbalyst.com" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Docs </a><a href="/blog/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Blog </a><a href="/skills/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Agent Skills </a><a href="/use-cases/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Use Cases </a><a href="/open-source/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Open Source </a><a href="/about/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> About </a><a href="/compare/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Compare </a><a href="/claude-code-gui/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Claude Code GUI </a><a href="/claude-code-desktop-app/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Claude Code Desktop App </a><a href="/codex-gui/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Codex GUI </a><a href="/codex-desktop-app/" class="block text-nim-text-muted hover:text-nim-text py-1 text-sm"> Codex Desktop App </a> </div> </div> <a href="/download/" class="mt-4 block rounded-lg bg-nim-purple px-4 py-2 text-center text-sm font-medium text-white">
Download
</a> <a href="https://github.com/Nimbalyst/nimbalyst" target="_blank" rel="noopener noreferrer" class="mt-2 flex items-center justify-center gap-2 rounded-lg border border-nim-border px-4 py-2 text-sm font-medium text-nim-text-muted hover:text-nim-text"> <svg viewBox="0 0 24 24" class="h-4 w-4" fill="currentColor" aria-hidden="true"> <path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.28-.01-1.02-.02-2-3.2.7-3.87-1.54-3.87-1.54-.52-1.32-1.27-1.67-1.27-1.67-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.68 1.25 3.34.96.1-.74.4-1.25.72-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.28 1.18-3.09-.12-.29-.51-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.05 11.05 0 0 1 5.79 0c2.21-1.49 3.18-1.18 3.18-1.18.62 1.59.23 2.76.11 3.05.74.81 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.26 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .31.21.68.8.56C20.22 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z"></path> </svg>
GitHub
</a> </div> </div> </header> <script type="module">const e=document.getElementById("mobile-menu-btn"),n=document.getElementById("mobile-menu");e?.addEventListener("click",()=>{n?.classList.toggle("hidden")});</script> <main class="flex-1">   <section class="relative overflow-hidden pt-24 pb-16 bg-gradient-to-b from-white via-white via-30% dark:from-[#0a0a0a] dark:via-[#0a0a0a] dark:via-30% to-[#B1CAFF]/40"> <div class="relative mx-auto max-w-7xl px-6 text-center"> <p class="mb-4 text-xs md:text-sm font-medium uppercase tracking-wider text-nim-purple-text">
For builders
</p> <h1 class="text-4xl font-semibold font-heading tracking-tight text-nim-text md:text-5xl lg:text-6xl leading-tight text-balance"> The open-source visual workspace for building with Codex, Claude Code, and more </h1> <p class="mx-auto mt-6 text-base md:text-lg text-nim-text-muted lg:whitespace-nowrap"> Manage your agents, sessions, tasks, and files. Visually edit markdown, mockups, diagrams, diffs, and code. Extend. </p> <div class="mt-8"> <div class="download-section text-center"> <a href="#" class="smart-download-btn inline-flex items-center gap-2 rounded-lg bg-nim-purple px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-nim-purple-light"> <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path> <polyline points="7 10 12 15 17 10"></polyline> <line x1="12" y1="15" x2="12" y2="3"></line> </svg> <span class="smart-download-label">Download</span> </a> <div class="mt-3 text-sm text-nim-text-muted"> <span>Also available for:</span> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-arm64.dmg" data-os="mac-arm" class="mx-1 text-nim-purple-text hover:underline">macOS Apple Silicon</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-x64.dmg" data-os="mac-intel" class="mx-1 text-nim-purple-text hover:underline">macOS Intel</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Windows.exe" data-os="windows" class="mx-1 text-nim-purple-text hover:underline">Windows</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Linux.AppImage" data-os="linux" class="mx-1 text-nim-purple-text hover:underline">Linux</a> </div> </div> <script type="module">const l={"mac-arm":{url:"https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-arm64.dmg",label:"Download for macOS (Apple Silicon)",os:"macOS Apple Silicon"},"mac-intel":{url:"https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-x64.dmg",label:"Download for macOS (Intel)",os:"macOS Intel"},windows:{url:"https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Windows.exe",label:"Download for Windows",os:"Windows"},linux:{url:"https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Linux.AppImage",label:"Download for Linux",os:"Linux"}};function u(){const e=navigator.userAgent.toLowerCase(),n=(navigator.platform||"").toLowerCase();if(n.includes("mac")||e.includes("macintosh")){if(e.includes("arm64")||n.includes("arm"))return"mac-arm";try{const t=document.createElement("canvas"),o=t.getContext("webgl")||t.getContext("experimental-webgl");if(o&&o instanceof WebGLRenderingContext){const a=o.getExtension("WEBGL_debug_renderer_info");if(a){const s=o.getParameter(a.UNMASKED_RENDERER_WEBGL);if(typeof s=="string"&&s.includes("Apple M"))return"mac-arm"}}}catch{}return"mac-arm"}return n.includes("win")||e.includes("windows")?"windows":n.includes("linux")||e.includes("linux")?"linux":"mac-arm"}function d(e,n){const t=window;t.gtag?.("event","download_click",{event_category:"Downloads",event_label:e,value:n?1:0,download_os:e,auto_detected:n,transport_type:"beacon"}),t.ga?.("send","event","Downloads","Click",e,n?1:0)}function m(){const e=u();document.querySelectorAll(".download-section").forEach(t=>{const o=t.querySelector(".smart-download-btn"),a=t.querySelector(".smart-download-label"),s=t.querySelectorAll(".mt-3 a[data-os]");o&&l[e]&&(o.href=l[e].url,a&&(a.textContent=l[e].label),o.addEventListener("click",()=>{d(l[e].os,!0)})),s.forEach(i=>{const r=i.getAttribute("data-os");if(r===e){i.style.display="none";return}i.addEventListener("click",()=>{const c=r?l[r]:void 0;c&&d(c.os,!1)})})})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",m):m();</script> </div> <div class="mx-auto mt-8 max-w-6xl text-center"> <p class="text-xs uppercase tracking-[0.18em] text-nim-text-muted/80 md:text-sm md:tracking-[0.22em]">Trusted by thousands of builders</p> <div class="mt-4 flex flex-wrap items-center justify-center gap-x-8 gap-y-4 md:gap-x-12 opacity-60"> <span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Automattic</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Redfin</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Vanta</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Gainsight</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Zillow</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">UKG</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">SAP</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Yahoo</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Delivery Hero</span><span class="text-base tracking-tight text-nim-text/75 font-heading font-semibold md:text-lg">Noom</span> </div> </div> <!-- Hero video — single element, source swaps by theme --> <div class="mx-auto mt-10 max-w-7xl"> <div class="rounded-xl border border-nim-border shadow-2xl overflow-hidden"> <video id="hero-video" autoplay loop muted playsinline controls class="w-full" poster="/_astro/hero-multi-editor.D6UIZnbx.png" data-light-src="/videos/nimbalyst-demo-light-20260429.mp4" data-dark-src="/videos/nimbalyst-demo-dark-20260429.mp4" data-light-poster="/_astro/hero-multi-editor.Dii2fqRX.png" data-dark-poster="/_astro/hero-multi-editor.D6UIZnbx.png"> <source src="/videos/nimbalyst-demo-dark-20260429.mp4" type="video/mp4"> </video> <!-- Fallback for no-JS --> <noscript> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/hero-multi-editor.D6UIZnbx_ZMHJHg.webp" alt="Nimbalyst app — main editor view with multiple tabs and Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/hero-multi-editor.Dii2fqRX_24OfNq.webp" alt="Nimbalyst app — main editor view with multiple tabs and Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </noscript> </div> </div> <script>
        (function() {
          var video = document.getElementById('hero-video');
          if (!video) return;

          function applyTheme() {
            var isDark = document.documentElement.classList.contains('dark');
            var nextSrc = isDark ? video.dataset.darkSrc : video.dataset.lightSrc;
            var nextPoster = isDark ? video.dataset.darkPoster : video.dataset.lightPoster;
            if (video.currentSrc && video.currentSrc.endsWith(nextSrc)) {
              video.poster = nextPoster;
              return;
            }
            var t = video.currentTime || 0;
            var wasPaused = video.paused;
            video.poster = nextPoster;
            video.src = nextSrc;
            video.load();
            video.addEventListener('loadedmetadata', function once() {
              video.removeEventListener('loadedmetadata', once);
              try { video.currentTime = t; } catch (_) {}
              if (!wasPaused) video.play().catch(function() {});
            });
          }

          applyTheme();
          var observer = new MutationObserver(applyTheme);
          observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
        })();
      </script> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-7xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">Visual File Editing</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl max-w-2xl mx-auto leading-tight"> Agent-powered visual editors </h2> <p class="mx-auto mt-4 max-w-2xl text-nim-text-muted"> Use all your context. Review AI changes. Approve, reject, edit, iterate. </p> </div> <!-- Editor type tabs --> <div class="flex flex-wrap items-center justify-center gap-2 mb-12" id="editor-tabs"> <button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer bg-nim-purple text-white" data-tab="0" data-slug="markdown"> Markdown </button><button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer border border-nim-border text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text" data-tab="1" data-slug="csv"> CSV </button><button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer border border-nim-border text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text" data-tab="2" data-slug="mockup"> Mockup </button><button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer border border-nim-border text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text" data-tab="3" data-slug="code"> Code </button><button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer border border-nim-border text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text" data-tab="4" data-slug="excalidraw"> Excalidraw </button><button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer border border-nim-border text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text" data-tab="5" data-slug="data-model"> Data Model </button><button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer border border-nim-border text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text" data-tab="6" data-slug="mermaid"> Mermaid </button><button class="editor-tab rounded-full px-4 py-2 text-sm font-medium transition-colors cursor-pointer border border-nim-border text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text" data-tab="7" data-slug="extensions"> Extensions </button> </div> <!-- Editor screenshots (one per tab, all pre-rendered) --> <div class="mx-auto max-w-7xl mb-16 relative"> <div class="editor-panel" data-panel="0"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/ide-for-words.oOS_4TE0_Z2qvzrb.webp" alt="Markdown editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/editor-markdown.BURaoex0_2kRtAw.webp" alt="Markdown editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="editor-panel hidden" data-panel="1"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/office-spreadsheet.Cl_FcqGJ_Rddmy.webp" alt="CSV spreadsheet editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/editor-csv-spreadsheet.D_2m8eLx_Zpwqcq.webp" alt="CSV spreadsheet editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="editor-panel hidden" data-panel="2"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/editor-mockup.BgJqxhAE_2aPPei.webp" alt="UI mockup editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/editor-mockup.BF1UftZx_1QRxwf.webp" alt="UI mockup editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="editor-panel hidden" data-panel="3"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/editor-code-typescript.CK9RcqQR_Z1edqmC.webp" alt="TypeScript code editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/editor-code-typescript.BroZCKUt_xhWue.webp" alt="TypeScript code editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="editor-panel hidden" data-panel="4"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/editor-excalidraw.Du9E3PWw_9q1Wj.webp" alt="Excalidraw diagram editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/editor-excalidraw.BSCkRNSN_y2NIO.webp" alt="Excalidraw diagram editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="editor-panel hidden" data-panel="5"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/editor-datamodel.BKvDe2D-_Zqbydh.webp" alt="Data model / entity relationship diagram editor" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/editor-datamodel.BOXfOQYi_LJfO2.webp" alt="Data model / entity relationship diagram editor" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="editor-panel hidden" data-panel="6"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/editor-mermaid.C7gOBHK6_1uAOgc.webp" alt="Mermaid diagram editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/editor-mermaid.D-0gIeJp_27myHU.webp" alt="Mermaid diagram editor with Claude Code and Codex sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="editor-panel hidden" data-panel="7"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/settings-extensions.B9Y7F8kM_Z1rlb1p.webp" alt="Nimbalyst extension marketplace showing installable editors and tools" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/settings-extensions.z_rCe0y3_zHFif.webp" alt="Nimbalyst extension marketplace showing installable editors and tools" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div> </div> <!-- Three feature columns (one set per tab, all pre-rendered) --> <div class="editor-features" data-features="0"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Context-aware editing</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Edit Markdown files while Claude Code and Codex understands the full project structure, related files, and intent.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Side-by-side AI assistance</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Work directly in your markdown while interacting with Claude Code and Codex in parallel — no context switching.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Review and Approve AI Edits</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">See which files the agent reads or edits, review changes instantly, and stay in full control of every update.</p> </div> </div>  </div><div class="editor-features hidden" data-features="1"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Spreadsheet editing</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Edit CSV data in a familiar spreadsheet view while Claude Code and Codex understands the structure and context of your data.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">AI-powered data transforms</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Ask Claude Code and Codex to filter, sort, reshape, or enrich your data — applied directly to the file.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">No app switching</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Stay in Nimbalyst to edit CSV files instead of jumping between editors and terminals.</p> </div> </div>  </div><div class="editor-features hidden" data-features="2"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Visual UI planning</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Design wireframes and mockups visually while Claude Code and Codex understands your project and can generate matching code.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Iterate with AI &amp; Review changes</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Describe changes or draw annotations. Review and approve your agent&#39;s changes. Iterate in real-time.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">From mockup to code</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Generate real frontend code from your mockups — Claude Code and Codex bridges the gap between design and implementation.</p> </div> </div>  </div><div class="editor-features hidden" data-features="3"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Full-project awareness</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Edit code while Claude Code and Codex has full context of your entire codebase — not just the current file.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">AI code generation</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Generate, refactor, and debug code with Claude Code and Codex working directly in the file alongside you.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Review before applying</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Every AI edit is surfaced as a diff you can inspect and approve before it lands in your file.</p> </div> </div>  </div><div class="editor-features hidden" data-features="4"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Draw with AI</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Create and modify Excalidraw diagrams using natural language — Claude Code and Codex places, connects, and styles elements for you.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Architecture made easy</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Map system architectures, flows, and processes visually while Claude Code and Codex adds structure and context.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Real-time collaboration</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Edit the drawing directly and iterate on drawings conversationally with your agent.</p> </div> </div>  </div><div class="editor-features hidden" data-features="5"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Visual schema design</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Design database schemas and entity relationships visually with Claude Code and Codex understanding your full data model.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">AI-generated schemas</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Describe your data needs and let Claude Code and Codex generate a complete, normalized schema as a visual diagram.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Prisma-ready output</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Export your data model as Prisma schema files, ready to use in your application.</p> </div> </div>  </div><div class="editor-features hidden" data-features="6"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Diagram with natural language</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Describe a flowchart, sequence diagram, or class diagram and Claude Code and Codex generates the Mermaid syntax instantly.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Live rendered preview</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">See your Mermaid diagrams rendered in real time as you or Claude Code and Codex edit the underlying code.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Embedded in markdown</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Mermaid diagrams live inside your markdown files — no separate tools needed. AI can create and update them inline.</p> </div> </div>  </div><div class="editor-features hidden" data-features="7"> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Build your own editor</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Register a custom editor for any file type. Excalidraw, mockups, and data models are all built as extensions on the same platform.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Browse the marketplace</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Install community-built editors and tools from the Nimbalyst extension marketplace — visual editors for whatever your workflow needs.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Open architecture</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">The EditorHost contract makes it straightforward to ship an extension that works alongside Claude Code and Codex.</p> </div> </div> <div class="mt-8 flex flex-wrap items-center justify-center gap-3"> <a href="/extensions/" class="inline-flex items-center gap-1 rounded-full border border-nim-border px-4 py-2 text-sm font-medium text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text transition-colors"> Browse marketplace <svg class="w-3.5 h-3.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"></path></svg> </a><a href="/compare/extensions/" class="inline-flex items-center gap-1 rounded-full border border-nim-border px-4 py-2 text-sm font-medium text-nim-text-muted hover:border-nim-purple/30 hover:text-nim-text transition-colors"> Compare extension systems <svg class="w-3.5 h-3.5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"></path></svg> </a> </div> </div> <script>
        (function () {
          var tabs = document.querySelectorAll('.editor-tab');
          var panels = document.querySelectorAll('.editor-panel');
          var featureSets = document.querySelectorAll('.editor-features');

          function activateTab(tab) {
            var idx = tab.dataset.tab;

            // Update tab styles
            tabs.forEach(function (t) {
              t.classList.remove('bg-nim-purple', 'text-white');
              t.classList.add('border', 'border-nim-border', 'text-nim-text-muted');
            });
            tab.classList.add('bg-nim-purple', 'text-white');
            tab.classList.remove('border', 'border-nim-border', 'text-nim-text-muted');

            // Show matching panel and features
            panels.forEach(function (p) { p.classList.add('hidden'); });
            featureSets.forEach(function (f) { f.classList.add('hidden'); });

            var activePanel = document.querySelector('[data-panel="' + idx + '"]');
            var activeFeatures = document.querySelector('[data-features="' + idx + '"]');
            if (activePanel) activePanel.classList.remove('hidden');
            if (activeFeatures) activeFeatures.classList.remove('hidden');
          }

          tabs.forEach(function (tab) {
            tab.addEventListener('click', function () {
              history.replaceState(null, '', '#' + tab.dataset.slug);
              activateTab(tab);
            });
          });

          // Activate tab from URL hash on load
          var hash = location.hash.slice(1);
          if (hash) {
            var matched = document.querySelector('.editor-tab[data-slug="' + hash + '"]');
            if (matched) activateTab(matched);
          }
        })();
      </script> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-7xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">Session Management</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl max-w-2xl mx-auto leading-tight"> Agent management environment </h2> <p class="mx-auto mt-4 max-w-2xl text-nim-text-muted"> Chat, organize, research, plan, write, analyze, and code with full context and visibility. </p> </div> <!-- Top: Agent Window — full width --> <div class="rounded-xl border border-nim-border bg-nim-surface p-5 mb-6"> <h3 class="text-base font-medium font-heading text-nim-text mb-1">Agent Window</h3> <p class="text-sm text-nim-text-muted mb-4">Interact with your agent with full visibility into context, actions, and outputs. Interactive questions, visual elements in the session.</p> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/ai-session-history.BGRqWm8x_7dE6N.webp" alt="Agent Window" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/ai-session-history.DigzUnvQ_11iQKb.webp" alt="Agent Window" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div> <!-- Bottom: Session Kanban + File Edits Sidebar — two columns --> <div class="grid gap-6 md:grid-cols-2"> <div class="rounded-xl border border-nim-border bg-nim-surface p-5"> <h3 class="text-base font-medium font-heading text-nim-text mb-1">Session Kanban</h3> <p class="text-sm text-nim-text-muted mb-4">Organize sessions on a kanban board by phase — backlog, planning, implementing, complete. See your full workstream at a glance.</p> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/dev-mode-loop-kanban.D4BnOXWb_ZRiv96.webp" alt="Session Kanban" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/feature-session-kanban.CPa-_1cP_Z1PEj87.webp" alt="Session Kanban" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div><div class="rounded-xl border border-nim-border bg-nim-surface p-5"> <h3 class="text-base font-medium font-heading text-nim-text mb-1">File Edits Sidebar</h3> <p class="text-sm text-nim-text-muted mb-4">See the files modified in a session. Open them. Manage git state. AI git commit.</p> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/ai-agent-transcript-crop-files-sidebar.CEFkzl09_ZUv8dC.webp" alt="File Edits Sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="520" height="325" class="hidden dark:block w-full h-auto"> <img src="/_astro/ai-agent-transcript-crop-files-sidebar.BZ7trNu8_1rseCA.webp" alt="File Edits Sidebar" loading="lazy" decoding="async" fetchpriority="auto" width="520" height="325" class="dark:hidden w-full h-auto"> </div> </div> </div> <p class="mt-8 text-center text-sm text-nim-text-muted"> <a href="/features/session-management/" class="text-nim-purple-text hover:underline">Explore session management &rarr;</a> </p> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-7xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">Task Management</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl max-w-2xl mx-auto leading-tight"> Integrated task management </h2> <p class="mx-auto mt-4 max-w-2xl text-nim-text-muted"> When your tasks live where you work, your agents see what needs doing and your task board reflects what&#39;s actually happening. No syncing between tools. No stale tickets. Just one shared picture of the work. </p> </div> <!-- Screenshot --> <div class="mx-auto max-w-7xl mb-16"> <div class="rounded-xl border border-nim-border shadow-2xl overflow-hidden"> <div class="rounded-xl border border-nim-border bg-nim-surface shadow-2xl overflow-hidden"> <img src="/_astro/feature-task-tracker.DY6lbNml_Z19R6rW.webp" alt="Task management — planning docs, session board, task tracker" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="hidden dark:block w-full h-auto"> <img src="/_astro/feature-task-tracker.Ci4hGJjU_uPxpB.webp" alt="Task management — planning docs, session board, task tracker" loading="lazy" decoding="async" fetchpriority="auto" width="1920" height="1080" class="dark:hidden w-full h-auto"> </div> </div> </div> <!-- Three feature columns --> <div class="grid gap-8 md:grid-cols-3"> <div> <h3 class="text-lg font-medium font-heading text-nim-text">Your agents know what&#39;s on your plate</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Because tasks are part of the workspace, agents can read your backlog, pick up context from related items, and prioritize — without you copy-pasting tickets into a prompt.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Work updates the board automatically</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">As agents complete tasks, the board updates. As you drag items around, agents see the change. The feedback loop is instant because there&#39;s nothing to sync.</p> </div><div> <h3 class="text-lg font-medium font-heading text-nim-text">Track plans, bugs, ideas, and more</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Blog drafts, feature specs, research tasks, bugs — all tracked with status, tags, and priority. Edit yourself or let your agents do it.</p> </div> </div> <p class="mt-8 text-center text-sm text-nim-text-muted"> <a href="/features/task-management/" class="text-nim-purple-text hover:underline">Explore task management &rarr;</a> </p> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-5xl px-6 text-center"> <p class="text-sm font-medium text-nim-purple-text mb-2">Open Source</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl leading-tight"> Nimbalyst is open source </h2> <p class="mx-auto mt-4 max-w-2xl text-nim-text-muted"> The desktop and iOS apps are MIT licensed. Read the code, file issues, build extensions, or fork it. </p> <div class="mt-8 flex flex-wrap items-center justify-center gap-3"> <div class="download-section text-center"> <a href="#" class="smart-download-btn inline-flex items-center gap-2 rounded-lg bg-nim-purple px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-nim-purple-light"> <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path> <polyline points="7 10 12 15 17 10"></polyline> <line x1="12" y1="15" x2="12" y2="3"></line> </svg> <span class="smart-download-label">Download</span> </a> <div class="mt-3 text-sm text-nim-text-muted"> <span>Also available for:</span> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-arm64.dmg" data-os="mac-arm" class="mx-1 text-nim-purple-text hover:underline">macOS Apple Silicon</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-x64.dmg" data-os="mac-intel" class="mx-1 text-nim-purple-text hover:underline">macOS Intel</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Windows.exe" data-os="windows" class="mx-1 text-nim-purple-text hover:underline">Windows</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Linux.AppImage" data-os="linux" class="mx-1 text-nim-purple-text hover:underline">Linux</a> </div> </div>  <a href="https://github.com/Nimbalyst/nimbalyst" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-lg border border-nim-border bg-nim-surface px-5 py-2.5 text-sm font-medium text-nim-text transition-colors hover:border-nim-purple/40 hover:bg-nim-surface/70"> <svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.55 0-.27-.01-1.17-.02-2.13-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.69-1.28-1.69-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.71 1.26 3.37.96.1-.75.4-1.27.73-1.56-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.18-3.1-.12-.29-.51-1.46.11-3.04 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.79 0c2.21-1.49 3.18-1.18 3.18-1.18.62 1.58.23 2.75.11 3.04.74.81 1.18 1.84 1.18 3.1 0 4.42-2.7 5.4-5.27 5.68.41.36.78 1.06.78 2.13 0 1.54-.01 2.78-.01 3.16 0 .31.21.67.8.55C20.21 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z"></path></svg> View on GitHub </a> </div> <p class="mt-6 text-sm text-nim-text-muted"> <a href="/open-source/" class="text-nim-purple-text hover:underline">Open source details &rarr;</a> </p> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-7xl px-6"> <div class="grid items-center gap-12 md:grid-cols-2"> <!-- Text --> <div> <p class="text-sm font-medium text-nim-purple-text mb-2">Mobile App</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl leading-tight"> Your Agent sessions, in your pocket </h2> <p class="mt-4 text-nim-text-muted max-w-lg"> Start new sessions, Monitor running sessions, review agent work, and chat with Claude Code and Codex from your iPhone. Pair with your desktop Nimbalyst in seconds and stay connected to your work from anywhere. </p> <div class="mt-6 flex items-center gap-3"> <a href="https://apps.apple.com/us/app/nimbalyst/id6756393105" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 rounded-full border border-nim-border bg-nim-surface px-4 py-2 text-sm text-nim-text-muted transition-colors hover:bg-nim-surface/70"> <svg class="h-5 w-5" viewBox="0 0 24 24" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"></path></svg> Download on the App Store </a> </div> </div> <!-- Phone screenshots --> <div class="flex items-end justify-center gap-4"> <div class="w-36 sm:w-44 rounded-[1.5rem] border-2 border-nim-border/50 bg-black overflow-hidden shadow-2xl"> <img src="/_astro/iphone-sessions.B40mz3uL_7QyO0.webp" srcset="/_astro/iphone-sessions.B40mz3uL_5zfiJ.webp 176w, /_astro/iphone-sessions.B40mz3uL_grRir.webp 352w" alt="Nimbalyst iOS — session list showing active agent sessions" loading="lazy" decoding="async" fetchpriority="auto" width="1320" height="2868" class="w-full"> </div> <div class="w-40 sm:w-48 rounded-[1.5rem] border-2 border-nim-border/50 bg-black overflow-hidden shadow-2xl -mb-4"> <img src="/_astro/iphone-detail.CtURFZy8_1VU03A.webp" srcset="/_astro/iphone-detail.CtURFZy8_MVJU3.webp 192w, /_astro/iphone-detail.CtURFZy8_ZgSb4E.webp 384w" alt="Nimbalyst iOS — agent session detail with code" loading="lazy" decoding="async" fetchpriority="auto" width="1320" height="2868" class="w-full"> </div> <div class="hidden sm:block w-36 sm:w-44 rounded-[1.5rem] border-2 border-nim-border/50 bg-black overflow-hidden shadow-2xl"> <img src="/_astro/iphone-projects.BKVV29il_ZWIiH9.webp" srcset="/_astro/iphone-projects.BKVV29il_Z1fBTAv.webp 176w, /_astro/iphone-projects.BKVV29il_Z14JhAN.webp 352w" alt="Nimbalyst iOS — project list" loading="lazy" decoding="async" fetchpriority="auto" width="1320" height="2868" class="w-full"> </div> </div> </div> <p class="mt-8 text-center text-sm text-nim-text-muted md:col-span-2"> <a href="/mobile-agent-management/" class="text-nim-purple-text hover:underline">Explore the mobile app &rarr;</a> </p> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-7xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">What Drives Us</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl max-w-2xl mx-auto leading-tight"> Six beliefs behind Nimbalyst </h2> <p class="mx-auto mt-4 max-w-2xl text-nim-text-muted"> These are the load-bearing ideas behind the product. They drive what we build, what we don&#39;t build, and what we ask you to expect from a coding agent workspace. </p> </div> <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3"> <article class="flex flex-col rounded-2xl border border-nim-border bg-nim-surface p-6"> <!-- Number badge --> <div class="flex items-center justify-between mb-4"> <span class="rounded-full border border-nim-purple/20 bg-nim-purple/10 px-3 py-1 text-xs font-semibold tracking-[0.2em] text-nim-purple-text">
01 </span> </div> <!-- Visual mini --> <div class="mb-5 rounded-xl border border-nim-border bg-white/60 dark:bg-[#0a0a0a]/60 p-4 h-32 flex items-center justify-center overflow-hidden"> <div class="w-full space-y-1.5 font-mono text-[10px] leading-tight"> <div class="rounded bg-red-100 dark:bg-red-900/30 px-2 py-1 text-red-800 dark:text-red-300 line-through">- text-blue-500 font-light</div> <div class="rounded bg-green-100 dark:bg-green-900/30 px-2 py-1 text-green-800 dark:text-green-300">+ text-nim-purple font-medium</div> <div class="rounded bg-green-100 dark:bg-green-900/30 px-2 py-1 text-green-800 dark:text-green-300">+ rounded-xl shadow-lg</div> <div class="px-2 py-1 text-nim-text-muted"> // markdown / mockup / code</div> </div>      </div> <!-- Title + body --> <h3 class="text-lg font-semibold font-heading text-nim-text">Visual interfaces are the highest bandwidth</h3> <p class="mt-3 text-sm leading-relaxed text-nim-text-muted">Humans are visual. So is the work: markdown, mockups, diagrams, diffs, screenshots. Work with your agents visually.</p>  </article><article class="flex flex-col rounded-2xl border border-nim-border bg-nim-surface p-6"> <!-- Number badge --> <div class="flex items-center justify-between mb-4"> <span class="rounded-full border border-nim-purple/20 bg-nim-purple/10 px-3 py-1 text-xs font-semibold tracking-[0.2em] text-nim-purple-text">
02 </span> </div> <!-- Visual mini --> <div class="mb-5 rounded-xl border border-nim-border bg-white/60 dark:bg-[#0a0a0a]/60 p-4 h-32 flex items-center justify-center overflow-hidden">  <div class="w-full grid grid-cols-4 gap-1.5 text-[9px]"> <div class="space-y-1"> <div class="font-semibold text-nim-text-muted uppercase tracking-wide">Backlog</div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-1.5 py-1 ">session</div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-1.5 py-1">session</div> </div><div class="space-y-1"> <div class="font-semibold text-nim-text-muted uppercase tracking-wide">Plan</div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-1.5 py-1 ">session</div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-1.5 py-1">session</div> </div><div class="space-y-1"> <div class="font-semibold text-nim-text-muted uppercase tracking-wide">Run</div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-1.5 py-1 ring-2 ring-nim-purple/40">session</div>  </div><div class="space-y-1"> <div class="font-semibold text-nim-text-muted uppercase tracking-wide">Review</div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-1.5 py-1 ">session</div>  </div> </div>     </div> <!-- Title + body --> <h3 class="text-lg font-semibold font-heading text-nim-text">We are all managers of agents</h3> <p class="mt-3 text-sm leading-relaxed text-nim-text-muted">Less typing, more directing. Plan the work, watch sessions in flight, review diffs, decide what ships. The workspace has to make that job easy.</p>  </article><article class="flex flex-col rounded-2xl border border-nim-border bg-nim-surface p-6"> <!-- Number badge --> <div class="flex items-center justify-between mb-4"> <span class="rounded-full border border-nim-purple/20 bg-nim-purple/10 px-3 py-1 text-xs font-semibold tracking-[0.2em] text-nim-purple-text">
03 </span> </div> <!-- Visual mini --> <div class="mb-5 rounded-xl border border-nim-border bg-white/60 dark:bg-[#0a0a0a]/60 p-4 h-32 flex items-center justify-center overflow-hidden">   <div class="relative w-full h-full"> <svg class="absolute inset-0 h-full w-full text-nim-purple/60 dark:text-nim-purple-light/80" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true"> <g stroke="currentColor" stroke-width="0.5" fill="none"> <line x1="10" y1="10" x2="50" y2="50"></line> <line x1="50" y1="5" x2="50" y2="50"></line> <line x1="90" y1="10" x2="50" y2="50"></line> <line x1="10" y1="90" x2="50" y2="50"></line> <line x1="50" y1="95" x2="50" y2="50"></line> <line x1="90" y1="90" x2="50" y2="50"></line> <line x1="10" y1="10" x2="50" y2="5"></line> <line x1="50" y1="5" x2="90" y2="10"></line> </g> </svg> <span class="absolute left-1 top-1 rounded border border-nim-purple/40 bg-white px-1.5 py-0.5 text-[9px] dark:bg-[#0a0a0a]">Session</span> <span class="absolute left-1/2 top-0 -translate-x-1/2 rounded border border-nim-purple/40 bg-white px-1.5 py-0.5 text-[9px] dark:bg-[#0a0a0a]">Plan</span> <span class="absolute right-1 top-1 rounded border border-nim-purple/40 bg-white px-1.5 py-0.5 text-[9px] dark:bg-[#0a0a0a]">Spec</span> <span class="absolute left-1 bottom-1 rounded border border-nim-purple/40 bg-white px-1.5 py-0.5 text-[9px] dark:bg-[#0a0a0a]">Diff</span> <span class="absolute left-1/2 bottom-0 -translate-x-1/2 rounded border border-nim-purple/40 bg-white px-1.5 py-0.5 text-[9px] dark:bg-[#0a0a0a]">Files</span> <span class="absolute right-1 bottom-1 rounded border border-nim-purple/40 bg-white px-1.5 py-0.5 text-[9px] dark:bg-[#0a0a0a]">Diagram</span> <span class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded border border-nim-purple bg-nim-purple px-1.5 py-0.5 text-[9px] text-white">Tracker</span> </div>    </div> <!-- Title + body --> <h3 class="text-lg font-semibold font-heading text-nim-text">Integrated context into one shared graph</h3> <p class="mt-3 text-sm leading-relaxed text-nim-text-muted">Most features touch seven tools. The connections live in your head and your agent cannot see them. Make every artifact a node and connect them with typed edges.</p> <p class="mt-5 text-sm"> <a href="/context-graph/" class="font-medium text-nim-purple-text hover:underline">Read: Integrate the 80% that matters &rarr;</a> </p> </article><article class="flex flex-col rounded-2xl border border-nim-border bg-nim-surface p-6"> <!-- Number badge --> <div class="flex items-center justify-between mb-4"> <span class="rounded-full border border-nim-purple/20 bg-nim-purple/10 px-3 py-1 text-xs font-semibold tracking-[0.2em] text-nim-purple-text">
04 </span> </div> <!-- Visual mini --> <div class="mb-5 rounded-xl border border-nim-border bg-white/60 dark:bg-[#0a0a0a]/60 p-4 h-32 flex items-center justify-center overflow-hidden">    <div class="w-full text-[10px] space-y-1.5"> <div class="flex items-center gap-2"> <svg class="h-3 w-3 text-nim-text-muted" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.55 0-.27-.01-1.17-.02-2.13-3.2.7-3.88-1.36-3.88-1.36-.52-1.33-1.28-1.69-1.28-1.69-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.71 1.26 3.37.96.1-.75.4-1.27.73-1.56-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.18-3.1-.12-.29-.51-1.46.11-3.04 0 0 .97-.31 3.18 1.18a11 11 0 0 1 5.79 0c2.21-1.49 3.18-1.18 3.18-1.18.62 1.58.23 2.75.11 3.04.74.81 1.18 1.84 1.18 3.1 0 4.42-2.7 5.4-5.27 5.68.41.36.78 1.06.78 2.13 0 1.54-.01 2.78-.01 3.16 0 .31.21.67.8.55C20.21 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z"></path></svg> <span class="font-mono text-nim-text">github.com/Nimbalyst</span> </div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-2 py-1 font-mono"><span class="text-nim-purple-text">MIT</span> License for the desktop and iOS apps</div> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-2 py-1 font-mono"><span class="text-nim-purple-text">GitHub</span> source available</div> <div class="text-nim-text-muted">Local files. Open formats.</div> </div>   </div> <!-- Title + body --> <h3 class="text-lg font-semibold font-heading text-nim-text">Open format. Open source. Local.</h3> <p class="mt-3 text-sm leading-relaxed text-nim-text-muted">You should own your tools and files. Local desktop app, open file formats, source on GitHub. MIT for the desktop and iOS apps.</p> <p class="mt-5 text-sm"> <a href="/open-source/" class="font-medium text-nim-purple-text hover:underline">How open source works &rarr;</a> </p> </article><article class="flex flex-col rounded-2xl border border-nim-border bg-nim-surface p-6"> <!-- Number badge --> <div class="flex items-center justify-between mb-4"> <span class="rounded-full border border-nim-purple/20 bg-nim-purple/10 px-3 py-1 text-xs font-semibold tracking-[0.2em] text-nim-purple-text">
05 </span> </div> <!-- Visual mini --> <div class="mb-5 rounded-xl border border-nim-border bg-white/60 dark:bg-[#0a0a0a]/60 p-4 h-32 flex items-center justify-center overflow-hidden">     <div class="w-full text-[10px] space-y-1.5"> <div class="rounded border border-nim-border bg-white dark:bg-[#0a0a0a] px-2 py-1.5"> <div class="text-nim-text">Streak tracker should reset at midnight UTC...</div> <div class="mt-1 flex items-center gap-2 rounded bg-nim-purple/10 px-1.5 py-0.5 text-nim-purple-text"> <span class="font-semibold">@karl</span> <span>What about users in PT?</span> </div> </div> <div class="text-nim-text-muted pl-2">Inline comment on the spec, no separate tool</div> </div>  </div> <!-- Title + body --> <h3 class="text-lg font-semibold font-heading text-nim-text">Work inline as you go</h3> <p class="mt-3 text-sm leading-relaxed text-nim-text-muted">Comment on a paragraph. Discuss a node. Talk about a session right next to the session. Keep the context in one place instead of spreading it across disconnected tools.</p>  </article><article class="flex flex-col rounded-2xl border border-nim-border bg-nim-surface p-6"> <!-- Number badge --> <div class="flex items-center justify-between mb-4"> <span class="rounded-full border border-nim-purple/20 bg-nim-purple/10 px-3 py-1 text-xs font-semibold tracking-[0.2em] text-nim-purple-text">
06 </span> </div> <!-- Visual mini --> <div class="mb-5 rounded-xl border border-nim-border bg-white/60 dark:bg-[#0a0a0a]/60 p-4 h-32 flex items-center justify-center overflow-hidden">      <div class="w-full grid grid-cols-5 gap-1"> <div class="rounded border border-nim-purple/40 bg-nim-purple/5 px-1 py-1.5 text-center text-[8px] font-medium text-nim-text">Context</div><div class="rounded border border-nim-purple/40 bg-nim-purple/5 px-1 py-1.5 text-center text-[8px] font-medium text-nim-text">Graph</div><div class="rounded border border-nim-purple/40 bg-nim-purple/5 px-1 py-1.5 text-center text-[8px] font-medium text-nim-text">Restraint</div><div class="rounded border border-nim-purple/40 bg-nim-purple/5 px-1 py-1.5 text-center text-[8px] font-medium text-nim-text">Empower.</div><div class="rounded border border-nim-purple/40 bg-nim-purple/5 px-1 py-1.5 text-center text-[8px] font-medium text-nim-text">Visual</div> </div> </div> <!-- Title + body --> <h3 class="text-lg font-semibold font-heading text-nim-text">Own and invest in your harness</h3> <p class="mt-3 text-sm leading-relaxed text-nim-text-muted">Seven parts: context, context graph, workflow, restraint, empowerment, verification, visual interface. Your harness is the durable layer that survives model churn. Own it, invest in it, keep it portable.</p> <p class="mt-5 text-sm"> <a href="/harness/" class="font-medium text-nim-purple-text hover:underline">Read: Invest in your harness &rarr;</a> </p> </article> </div> </div> </section>  <div class="border-t border-nim-border"> <section class="py-20"> <div class="mx-auto max-w-7xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">Testimonials</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl"> Trusted by Builders </h2> </div> <div class="relative overflow-hidden"> <div id="testimonial-track" class="flex transition-transform duration-500 ease-in-out"> <div class="w-full shrink-0 px-4 md:w-1/3"> <div class="p-6 h-full"> <p class="text-nim-text text-base leading-relaxed mb-4 line-clamp-4">&quot;Nimbalyst blew my mind from day one and continues to do so. Easy to set up and use. It has truly upped my product game and my productivity!&quot;</p> <p class="text-sm font-semibold text-nim-text">- Satya Gunnam</p> </div> </div><div class="w-full shrink-0 px-4 md:w-1/3"> <div class="p-6 h-full"> <p class="text-nim-text text-base leading-relaxed mb-4 line-clamp-4">&quot;Nimbalyst works great and is seamless for my day-to-day product work PRDs, discovery, and prototypes.&quot;</p> <p class="text-sm font-semibold text-nim-text">- Kyle Marks</p> </div> </div><div class="w-full shrink-0 px-4 md:w-1/3"> <div class="p-6 h-full"> <p class="text-nim-text text-base leading-relaxed mb-4 line-clamp-4">&quot;Nimbalyst has quickly become my indispensable daily driver for Claude Code. The user experience is vastly superior to using it in the terminal.&quot;</p> <p class="text-sm font-semibold text-nim-text">- Ishan Mandhan</p> </div> </div><div class="w-full shrink-0 px-4 md:w-1/3"> <div class="p-6 h-full"> <p class="text-nim-text text-base leading-relaxed mb-4 line-clamp-4">&quot;Nimbalyst is my preferred way of working whether coding or planning my demos. Nimbalyst is great. Everything organized in 1 place.&quot;</p> <p class="text-sm font-semibold text-nim-text">- Vishal Patel</p> </div> </div><div class="w-full shrink-0 px-4 md:w-1/3"> <div class="p-6 h-full"> <p class="text-nim-text text-base leading-relaxed mb-4 line-clamp-4">&quot;Hands-down, Nimbalyst is best way to work with Claude Code.&quot;</p> <p class="text-sm font-semibold text-nim-text">- Carl Velotti</p> </div> </div><div class="w-full shrink-0 px-4 md:w-1/3"> <div class="p-6 h-full"> <p class="text-nim-text text-base leading-relaxed mb-4 line-clamp-4">&quot;I use Nimbalyst now! Find it more adapted for beautifying markdown files.&quot;</p> <p class="text-sm font-semibold text-nim-text">- Jules Boiteux</p> </div> </div> </div> </div> <!-- Dots --> <div id="testimonial-dots" class="flex justify-center gap-2 mt-8"> <button data-dot="0" class="w-2 h-2 rounded-full transition-colors bg-nim-purple" aria-label="Show testimonial 1"></button><button data-dot="1" class="w-2 h-2 rounded-full transition-colors bg-nim-border" aria-label="Show testimonial 2"></button><button data-dot="2" class="w-2 h-2 rounded-full transition-colors bg-nim-border" aria-label="Show testimonial 3"></button><button data-dot="3" class="w-2 h-2 rounded-full transition-colors bg-nim-border" aria-label="Show testimonial 4"></button><button data-dot="4" class="w-2 h-2 rounded-full transition-colors bg-nim-border" aria-label="Show testimonial 5"></button><button data-dot="5" class="w-2 h-2 rounded-full transition-colors bg-nim-border" aria-label="Show testimonial 6"></button> </div> </div> </section> <script type="module">function u(){const i=document.getElementById("testimonial-track"),a=document.getElementById("testimonial-dots");if(!i||!a)return;const v=i.children.length,c=a.querySelectorAll("button");let t=0,r;function o(){return window.innerWidth>=768?3:1}function s(){const n=o(),l=t/n*100;i.style.transform=`translateX(-${l}%)`,c.forEach((e,m)=>{m>=t&&m<t+n?(e.classList.remove("bg-nim-border"),e.classList.add("bg-nim-purple")):(e.classList.remove("bg-nim-purple"),e.classList.add("bg-nim-border"))})}function d(){const n=o();t+=n,t>=v&&(t=0),s()}c.forEach((n,l)=>{n.addEventListener("click",()=>{const e=o();t=Math.floor(l/e)*e,s(),clearInterval(r),r=setInterval(d,5e3)})}),s(),r=setInterval(d,5e3),window.addEventListener("resize",()=>s())}u();document.addEventListener("astro:page-load",u);</script> </div>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-5xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">Featured guides</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl">
Read before you pick a tool
</h2> <p class="mx-auto mt-4 max-w-2xl text-nim-text-muted">
Deep comparisons of the markdown editors, Codex GUIs, and AI IDEs people are choosing in 2026.
</p> </div> <div class="grid gap-4 md:grid-cols-3"> <a href="/blog/the-complete-guide-to-markdown-editors/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Best markdown editor (2026)</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Five markdown editors compared on WYSIWYG, AI, tables, and price — free and paid picks.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Read the guide &rarr;</div> </a> <a href="/blog/best-codex-gui-tools-and-desktop-apps-2026/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Best Codex GUI tools (2026)</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Every Codex desktop app and GUI compared — parallel sessions, worktrees, Linux support, and the best pick per workflow.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Read the guide &rarr;</div> </a> <a href="/blog/best-ai-ides-2026/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Best AI IDEs (2026)</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Cursor, Windsurf, Antigravity, Zed, JetBrains, and Nimbalyst compared for Claude Code and Codex users.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Read the guide &rarr;</div> </a> </div> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-3xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">FAQ</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl">
Frequently Asked Questions
</h2> </div> <div class="space-y-0 divide-y divide-nim-border"> <details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>What is Nimbalyst?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Nimbalyst is the open-source visual workspace for building with Codex, Claude Code, and more. It's a session manager and visual editor for markdown, mockups, drawings, sessions, and tasks — plus code, data models, and CSVs. Free for individual use.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>Is Nimbalyst free?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Yes. The core Nimbalyst experience is completely free for individual users with no feature limits or trial period.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>Is Nimbalyst open source?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Yes. The Nimbalyst desktop and iOS apps are MIT licensed. You can read the code, file issues, build extensions, or fork the project on GitHub at <a href="https://github.com/Nimbalyst/nimbalyst" target="_blank" rel="noopener">github.com/Nimbalyst/nimbalyst</a>. See the <a href="/open-source/">open source page</a> for licensing and the tech stack.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>What AI agents does Nimbalyst support?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Nimbalyst supports Claude Code (by Anthropic) and Codex (by OpenAI), with OpenCode, Copilot, and Codex via ACP in Alpha. You can run multiple sessions in parallel, manage them on a kanban board, and review all agent file changes in one place.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>What platforms does Nimbalyst run on?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Nimbalyst is available as a desktop app for macOS (Apple Silicon and Intel), Windows, and Linux. There is also an iOS mobile app for managing agent sessions on the go.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>What is a visual workspace for AI coding?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">A visual workspace for AI coding is a desktop environment that wraps AI coding agents like Claude Code and Codex in visual editors, session management, and project organization tools. Instead of working in a terminal, you see your agent's work in real-time across markdown, mockups, diagrams, code, and data — all with inline diff review. Nimbalyst is the first visual workspace purpose-built for agentic development.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>What is the best GUI for Claude Code?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Nimbalyst is the purpose-built GUI for Claude Code. It wraps the full power of Claude Code in a visual workspace with WYSIWYG editors for markdown, mockups, diagrams, and code. You get session management on a kanban board, inline diff review for every file type, task tracking, and a mobile app — all while using your existing Anthropic subscription. For a side-by-side review of every option, see our guide to the <a href="/blog/best-claude-code-gui-tools-2026/">best Claude Code GUI tools in 2026</a>.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>Is Nimbalyst a visual editor for Claude Code?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Yes. Nimbalyst is the visual editor for Claude Code. Instead of reading terminal output and trusting blind edits, you see every change your Claude Code session makes across markdown, mockups, diagrams, data models, and code — and you approve or reject each one in place, with full session history visible on a kanban board.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>Is Nimbalyst a visual editor for Codex?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Yes. Nimbalyst is also the visual editor for Codex. Your Codex sessions run in the same file-aware workspace as Claude Code — with inline diff review across markdown, mockups, diagrams, data models, and code. You can run Claude Code and Codex sessions side by side and compare their output in one place.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>What is the best Codex GUI?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Nimbalyst is the full visual workspace around Codex — broader than a thin Codex desktop app or a terminal wrapper. You can run multiple Codex sessions in parallel, organize them on a kanban board, review every file change as an inline diff, and work across markdown, mockups, diagrams, data models, and code in one place. For a deeper comparison of every Codex GUI available, see our guide to the <a href="/blog/best-codex-gui-tools-and-desktop-apps-2026/">best Codex GUI tools and desktop apps in 2026</a>.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>Can I run multiple Claude Code sessions in parallel?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Yes. Nimbalyst is built for running multiple Claude Code sessions in parallel. Any session can opt into its own git worktree with one click, so when you want isolation, sessions never stomp on each other's files. You see every active, waiting, and completed session on a kanban board, with a files sidebar showing exactly what changed, so no more clicking through terminal tabs to figure out which agent is doing what.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>Is Nimbalyst a Claude Code IDE?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Nimbalyst is an AI-native workspace built on top of Claude Code — broader than a traditional Claude Code IDE. Alongside a full code editor with inline AI diff review, you get visual editors for markdown, mockups, diagrams, and data models, a session kanban board, task tracking, and a mobile companion app. It's what most people want when they search for a Claude Code IDE: a purpose-built environment for agentic development, not a code editor with an AI plugin bolted on. For a broader comparison, see our roundup of the <a href="/blog/best-ai-ides-2026/">best AI IDEs of 2026</a> for Claude Code and Codex users.</div> </details><details class="group py-5"> <summary class="flex cursor-pointer items-center justify-between text-nim-text font-medium hover:text-nim-purple-text transition-colors list-none"> <span>What is agentic development?</span> <svg class="h-5 w-5 shrink-0 text-nim-text-muted transition-transform group-open:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="mt-3 text-nim-text-muted leading-relaxed pr-8 [&_a]:text-nim-purple-text [&_a]:underline hover:[&_a]:text-nim-purple">Agentic development is a way of building software where AI agents like Claude Code and Codex autonomously write, edit, and refactor code based on natural-language instructions. Instead of writing every line yourself, you direct agents through sessions — reviewing their changes, approving diffs, and managing parallel tasks. Nimbalyst is the visual workspace designed for this workflow.</div> </details> </div> </div> </section>  <section class="py-20 border-t border-nim-border"> <div class="mx-auto max-w-5xl px-6"> <div class="text-center mb-12"> <p class="text-sm font-medium text-nim-purple-text mb-2">Looking for something specific?</p> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl">
Common ways people use Nimbalyst
</h2> <p class="mx-auto mt-4 max-w-2xl text-nim-text-muted">
Pick the angle that matches what you came for.
</p> </div> <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3"> <a href="/claude-code-gui/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Claude Code GUI</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">A visual workspace around Claude Code with sessions, editors, and review.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Learn more &rarr;</div> </a> <a href="/claude-code-desktop-app/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Claude Code Desktop App</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">The open-source Claude Code desktop app for macOS, Windows, and Linux.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Learn more &rarr;</div> </a> <a href="/visual-editor-for-claude-code/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Visual Editor for Claude Code</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Inline AI diffs across markdown, mockups, diagrams, code, and data models.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Learn more &rarr;</div> </a> <a href="/kanban-for-claude-code/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Kanban for Claude Code</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Run multiple Claude Code sessions on a kanban board with phases and worktrees.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Learn more &rarr;</div> </a> <a href="/parallel-claude-code-sessions/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Parallel Claude Code Sessions</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">Run six or more Claude Code sessions in parallel with optional one-click worktree isolation per session.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Learn more &rarr;</div> </a> <a href="/codex-gui/" class="group rounded-xl border border-nim-border bg-nim-surface p-6 transition-all hover:border-nim-purple/40 hover:shadow-lg"> <h3 class="text-base font-medium font-heading text-nim-text group-hover:text-nim-purple-text transition-colors">Codex GUI</h3> <p class="mt-2 text-sm text-nim-text-muted leading-relaxed">A visual workspace around OpenAI Codex with sessions, editors, and review.</p> <div class="mt-4 text-sm font-medium text-nim-purple-text group-hover:underline">Learn more &rarr;</div> </a> </div> </div> </section>  <div class="bg-gradient-to-b from-transparent to-[#B1CAFF]/40 border-t border-nim-border"> <section class="py-20"> <div class="mx-auto max-w-7xl px-6"> <div class="rounded-2xl border border-nim-border p-12 text-center"> <h2 class="text-3xl font-semibold font-heading text-nim-text md:text-4xl max-w-5xl mx-auto leading-tight"> Nimbalyst: the open-source visual workspace for building with Codex, Claude Code, and more </h2> <div class="mt-8"> <div class="download-section text-center"> <a href="#" class="smart-download-btn inline-flex items-center gap-2 rounded-lg bg-nim-purple px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-nim-purple-light"> <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path> <polyline points="7 10 12 15 17 10"></polyline> <line x1="12" y1="15" x2="12" y2="3"></line> </svg> <span class="smart-download-label">Download</span> </a> <div class="mt-3 text-sm text-nim-text-muted"> <span>Also available for:</span> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-arm64.dmg" data-os="mac-arm" class="mx-1 text-nim-purple-text hover:underline">macOS Apple Silicon</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-macOS-x64.dmg" data-os="mac-intel" class="mx-1 text-nim-purple-text hover:underline">macOS Intel</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Windows.exe" data-os="windows" class="mx-1 text-nim-purple-text hover:underline">Windows</a> <a href="https://github.com/Nimbalyst/nimbalyst/releases/latest/download/Nimbalyst-Linux.AppImage" data-os="linux" class="mx-1 text-nim-purple-text hover:underline">Linux</a> </div> </div>  </div> </div> </div> </section> </div>  </main> <footer class="border-t border-nim-border bg-nim-bg"> <div class="mx-auto max-w-7xl px-6 py-12"> <div class="grid grid-cols-2 gap-8 md:grid-cols-5"> <!-- Brand --> <div class="col-span-2 md:col-span-1"> <a href="/" class="inline-block"> <img src="/nimbalyst-logo-white.svg" alt="Nimbalyst" class="hidden dark:block h-6" width="87" height="24"> <img src="/nimbalyst-logo.svg" alt="Nimbalyst" class="dark:hidden h-6" width="87" height="24"> </a> <p class="mt-3 text-sm text-nim-text-muted">The open-source visual workspace for building with Codex, Claude Code, and more.</p> </div> <!-- Link columns --> <div> <h3 class="text-sm font-medium text-nim-text">Explore</h3> <ul class="mt-3 space-y-2"> <li> <a href="/use-cases/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Use Cases </a> </li><li> <a href="/features/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Features </a> </li><li> <a href="/pricing/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Pricing </a> </li><li> <a href="/blog/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Blog </a> </li><li> <a href="/changelog/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Changelog </a> </li><li> <a href="/open-source/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Open Source </a> </li><li> <a href="/about/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> About </a> </li><li> <a href="https://docs.nimbalyst.com" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Docs </a> </li> </ul>  </div><div> <h3 class="text-sm font-medium text-nim-text">Legal</h3> <ul class="mt-3 space-y-2"> <li> <a href="/terms-of-service/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Terms of Service </a> </li><li> <a href="/privacy-policy/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Privacy Policy </a> </li><li> <a href="/platform-privacy-policy/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Platform Privacy Policy </a> </li> </ul> <p class="mt-3 text-sm text-nim-text-muted">SOC-2 Type 2 certified</p> </div><div> <h3 class="text-sm font-medium text-nim-text">Social</h3> <ul class="mt-3 space-y-2"> <li> <a href="https://linkedin.com/company/nimbalyst" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> LinkedIn </a> </li><li> <a href="https://youtube.com/@nimbalyst" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Youtube </a> </li><li> <a href="https://x.com/nimbalyst" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> X </a> </li><li> <a href="https://www.tiktok.com/@nimbalyst" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> TikTok </a> </li><li> <a href="https://www.instagram.com/nimbalyst" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Instagram </a> </li> </ul>  </div><div> <h3 class="text-sm font-medium text-nim-text">Community</h3> <ul class="mt-3 space-y-2"> <li> <a href="/open-source/" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Open Source </a> </li><li> <a href="https://github.com/Nimbalyst/nimbalyst" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> GitHub </a> </li><li> <a href="https://discord.gg/FgD9S2MCYB" class="text-sm text-nim-text-muted transition-colors hover:text-nim-text"> Discord </a> </li> </ul>  </div> </div> <div class="mt-12 border-t border-nim-border pt-6 flex flex-col items-center justify-between gap-4 md:flex-row"> <p class="text-sm text-nim-text-muted">&copy; 2026 Nimbalyst All rights reserved.</p> <a href="https://github.com/Nimbalyst/nimbalyst" target="_blank" rel="noopener noreferrer" aria-label="Nimbalyst on GitHub" class="text-nim-text-muted transition-colors hover:text-nim-text"> <svg viewBox="0 0 24 24" class="h-5 w-5" fill="currentColor" aria-hidden="true"> <path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.28-.01-1.02-.02-2-3.2.7-3.87-1.54-3.87-1.54-.52-1.32-1.27-1.67-1.27-1.67-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.68 1.25 3.34.96.1-.74.4-1.25.72-1.54-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.28 1.18-3.09-.12-.29-.51-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.05 11.05 0 0 1 5.79 0c2.21-1.49 3.18-1.18 3.18-1.18.62 1.59.23 2.76.11 3.05.74.81 1.18 1.83 1.18 3.09 0 4.42-2.69 5.39-5.26 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.79-.01 3.17 0 .31.21.68.8.56C20.22 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z"></path> </svg> </a> </div> </div> </footer> <!-- Analytics (PostHog) — deferred to avoid blocking render --> <script>
      (function(){var d=function(){!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);posthog.init('phc_JRDyrgNG1wdgKKI1H7Chw34AbjcMAdriybSnxnlgQbT',{api_host:'https://us.i.posthog.com',person_profiles:'identified_only'})};typeof requestIdleCallback!=='undefined'?requestIdleCallback(d):setTimeout(d,2000)})();
    </script> <!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "17ad0035584144a588260a0fb9db7e36"}'></script><!-- Cloudflare Pages Analytics --></body> </html>