What is included in Kokonut UI?

Kokonut UI includes more than 100 React components, with AI chat elements such as tool calls, tool approvals, diff review, and citations.

How do coding agents access the components?

Kokonut UI connects through MCP in Claude Code, Cursor, VS Code, or Codex. An agent can then find a requested component, install it, and edit it in your repository.

What license does Kokonut UI use?

Kokonut UI is free and open source under the MIT license.

Is the documentation available in an agent-readable format?

Yes. Every documentation page is also served as Markdown for agents.

What changed in this release?

This release adds 65 components and rebuilds 34, with a focus on AI chat interface components.

Coding / product dossier

Kokonut UI

An MIT-licensed React component library coding agents can find, install and customize through MCP.

Open product Daily selection

Product brief

What Kokonut UI does.

Kokonut UI is a free, MIT-licensed library of 100+ React components made for coding agents. Connect through MCP in Claude Code, Cursor, VS Code or Codex, ask for "a tool approval card in my chat", and your agent finds the component, installs it and edits it in your repo. Every docs page is also served as Markdown for agents. This release adds 65 components and rebuilds 34, led by AI chat parts: tool calls, tool approval, diff review, citations and more.

Superpower Daily

Your reading space

Notifications

Superpower Daily

Your reading space

Kokonut UI

What Kokonut UI does.

What it can help with.

React component library

MCP-based component workflow

AI chat interface components

Markdown documentation for agents

Before you open it.

When we picked it.

Kokonut UI

What Kokonut UI does.

What it can help with.

React component library

MCP-based component workflow

AI chat interface components

Markdown documentation for agents

Before you open it.

When we picked it.

Harness Memory

Co-Review

Radar