Back to browse
GitHub Repository

A beautiful web-based UI for Claude Code & Codex

587 starsTypeScript

Kanna – OSS Web UI for Claude Code and Codex with Embedded Terminals

by jakemor·Mar 24, 2026·2 points·3 comments

AI Analysis

MidEye CandySlick

Pretty web UI wrapper when the Claude Code CLI already works fine.

Strengths
  • Event sourcing architecture with JSONL persistence and snapshot compaction.
  • WebSocket-driven real-time updates with reactive state broadcasting.
  • Switch between Claude and Codex providers from single chat input.
Weaknesses
  • GUI wrapper around existing CLI tools adds no new capabilities.
  • Browser-based when terminal workflow already satisfies the use case.
Target Audience

Developers using Claude Code or Codex CLI

Similar To

Cursor · Continue · Warp

Post Description

Hey all thanks for checking out my first OSS PROJECT

Here's what makes Kanna special:

- One-click switch between Claude Code / Codex - Runs in your browser on localhost (no app switching) - Embedded split terminals, persisted between chats with a beautiful horizontal scrolling UX

Coming soon:

- End-to-end encryption + remote access via reverse proxy - Git integration, diffs, PRs - Remote / mobile support over tailscale

I wanted to replace switching between cursor, the github app, browser & (most recently) the codex app. The browser is hardest to recreate yet also the most flexible so it makes sense to build in the browser itself.

Install in 5 seconds: bun install -g kanna-code then just type: kanna

Kanna is purely a ui/ux layer. It uses your existing CLIs, is compliant & no data ever leaves your machine. If running claude or codex in your terminal works, kanna works too.

Kanna natively supports every tool call, model, reasoning effort, fast mode, plan mode, compaction, user questions, web searching, skills, agents, mcps, everything. There are a few libraries that do this but none that I found as comprehensive.

All feedback welcome!

Similar Projects

Developer Tools●●Solid

Codex HUD – Claude-HUD Style Status Line for Codex CLI

It extracts rollout JSON logs and renders a live status line with model, branch/dirty state and compact 5h/7d usage bars — so you can monitor limits without leaving your terminal. The installer that builds Node and Rust bits then patches codex for a seamless status_line_command is a practical touch; portability across distros and narrow-terminal readability are the real make-or-break points.

Niche GemShip It
anhm720
104mo ago