jakemor/kanna

A beautiful web-based UI for Claude Code & Codex

What it solves

Kanna provides a graphical user interface (GUI) for command-line interface (CLI) coding agents, specifically Claude Code and Codex. It transforms the terminal-based experience into a beautiful web-based chat interface, making it easier to manage multiple projects, track agent progress, and interact with AI coding tools without staying exclusively in a terminal.

How it works

Kanna runs as a Bun-based server that acts as a bridge between a React-based web frontend and the local agent processes (Claude Agent SDK or Codex App Server). It uses WebSockets for real-time communication and an event-sourcing architecture to persist chat history and state in local JSONL logs. The system coordinates multiple AI providers (Claude, Codex, Cursor, and Pi) through a normalization layer that handles model selection and reasoning effort controls.

Who it’s for

Developers who use AI coding agents like Claude Code or Codex but prefer a visual interface for managing their chats, reviewing agent plans, and organizing their work across different projects.

Highlights

  • Multi-provider support: Switch between Claude, Codex, Cursor, and Pi with per-provider model and reasoning settings.
  • Project-centric organization: Group chats by project with a sidebar featuring live status indicators and drag-and-drop ordering.
  • Plan mode: Allows users to review and approve agent plans before they are executed.
  • Rich rendering: Hydrates tool calls and renders collapsible tool groups and interactive prompts.
  • Local project discovery: Automatically finds projects from existing Claude and Codex local histories.
  • Built-in Pi agent: Includes the pi coding agent as a dependency, removing the need for a separate local installation.

Related

  • Project
    NanmiCoder/cc-haha

    A desktop workspace for AI coding agents that provides a GUI for multi-session management, visual diff reviews, and support for multiple model providers.

  • Project
    YoanWai/agent-manager

    A terminal-based manager for AI coding agents that allows you to run multiple CLI agents side-by-side with integrated diff review and live status tracking.

  • Project
    agentforce314/clawcodex

    A production-oriented Python rebuild of Claude Code that provides a reliable CLI agent for coding, featuring token compression and multi-surface support (CLI, Desktop, Web).

  • Project
    anywhere-labs/Agents-Anywhere

    A remote control system that lets you manage and interact with AI coding agents (like Codex and Claude Code) running on your computer from a mobile device or web browser.

  • Project
    musistudio/claude-code-router

    Claude Code Router (CCR) is a local model gateway that unifies many coding‑focused AI agents (Claude Code, Codex, Grok, Kimi, etc.) behind a single endpoint. It lets you manage providers, API keys, routing rules, retries, and tool extensions from a desktop UI, CLI, or Docker container, and provides detailed logs and cost estimates for every request.