Pasta UI

Overview

Pasta UI is an open-source collection of React components for AI agent interfaces. Rather than low-level primitives, it focuses on complete agent workflows: conversations, tool calls and approvals, background runs, cost and context tracking, and rich outputs such as research reports and file diffs. The registry holds 54 components, installed as source with the shadcn CLI.

Components are grouped into conversation, tools and execution, agent activity, runs and operations, coordination, rich output and developer categories. A separate Pro offering is linked from the site.

Features

• Conversation: Prompt input, message bubble, message scroller, edit message, follow-up suggestions and voice input.
• Tools and execution: Tool approval, tool result, tool error, tool group and tool timeline components.
• Agent activity: Agent status, thinking shimmer, reasoning text, reasoning effort control and todo list.
• Runs and operations: Background runs, job progress, message queue, schedule card and quota banner.
• Usage tracking: Context breakdown shows token use by source, and cost meter tracks spend against a budget.
• Approvals and permissions: Plan approval card, approval card and permission grant flows.
• Rich output: Citations, research report, retrieval chunks, file diff, file tree, code block, data table and email composer.

Tech stack

• React, Tailwind CSS, shadcn CLI registry
• Motion, Base UI, Solar Icons, prism-react-renderer

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @pastaui/component-name