Native AI UI
v0.3.0MITEN / 中文React 19 & Web Components

Crafted primitives for AI-native interfaces

48 self-contained, self-animating primitives — streaming, thinking traces, approvals, agent teams, tokenomics, runtime widgets, and Kumo-style system cards. Available as React (shadcn CLI) and zero-dependency Vanilla Web Components.

$npx shadcn@latest add https://eanzhao-os.github.io/native-ai-ui/r/chat.json
GitHubSupports shadcn CLI & direct CDN imports
48primitives
8categories
2framework targets
2languages

Core & Streaming

Loading, reasoning, and token-by-token output primitives.

8

Loading State

Demo loads near viewport

Thinking Traces

Demo loads near viewport

Streaming Text

Demo loads near viewport

Prompt Bar

Demo loads near viewport

Chat Composer

Demo loads near viewport

Code Block

Demo loads near viewport

Feedback Actions

Demo loads near viewport

Attachment Queue

Demo loads near viewport

Agentic & Teams

Delegation, tool calls, and human-in-the-loop control.

7

Subagent Delegation Tree

Demo loads near viewport

Agent Teams

Demo loads near viewport

Task Rows

Demo loads near viewport

Tool Chips

Demo loads near viewport

Approval Card

Demo loads near viewport

Clarification Card

Demo loads near viewport

Message Branches

Demo loads near viewport

Context & Memory

Tokenomics, retrieval, and long-term agent memory.

4

Context Window

Demo loads near viewport

Memory Inspector

Demo loads near viewport

Context Cards

Demo loads near viewport

Context Spillover

Demo loads near viewport

Agent Runtime

The agent loop under the hood — turns, inbox, hooks, telemetry, workflows.

6

Turn Lifecycle

Demo loads near viewport

Agent Inbox

Demo loads near viewport

Hook Pipeline

Demo loads near viewport

Session Telemetry

Demo loads near viewport

Workflow Run

Demo loads near viewport

Checkpoint Timeline

Demo loads near viewport

Cordis & Infrastructure

Runtime widgets for a Cordis-based C# agent harness.

6

Cordis Plugin Tree

Demo loads near viewport

Permission Presets

Demo loads near viewport

LSP Diagnostics

Demo loads near viewport

Sandbox Manager

Demo loads near viewport

Job Scheduler

Demo loads near viewport

MCP Servers

Demo loads near viewport

Artifacts & Views

Generated artifacts, diffs, and structured data.

5

Artifact Sandbox

Demo loads near viewport

Diff Table

Demo loads near viewport

Records Table

Demo loads near viewport

Filter Table

Demo loads near viewport

Selection Actions

Demo loads near viewport

Multimodal & Arena

Voice, evaluation, and recommendation surfaces.

4

Audio Orb

Demo loads near viewport

Model Arena

Demo loads near viewport

Insight Cards

Demo loads near viewport

Recommendation Card

Demo loads near viewport

Kumo & System

Credential masking, navigation, and system primitives.

8

Sensitive Input

Demo loads near viewport

Layered Resource Card

Demo loads near viewport

Session List

Demo loads near viewport

Authorization Surface

Demo loads near viewport

Settings Editor

Demo loads near viewport

Fine-tune Card

Demo loads near viewport