sh4dcnv2 · atlas
← libraries

@pastaui

Open-source React components for AI agent interfaces: conversations, tool calls, approvals, background runs, and rich outputs.

55 components pro available react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://pastaui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://pastaui.com/r/registry.json
bun bunx shadcn@latest add https://pastaui.com/r/registry.json
fetch registry curl -s https://pastaui.com/r/registry.json

Components

55 total
Pasta UI Styles item

Shared card shadow, surface shadow and heading/label utilities used across Pasta UI components.

npx shadcn@latest add https://pastaui.com/r/pastaui-styles.json
Agent Activity component

A chronological stream for reasoning, searches, terminal work, and tool execution.

npx shadcn@latest add https://pastaui.com/r/agent-activity.json
Agent Status component

A compact task summary with the current activity and an optional task tray.

npx shadcn@latest add https://pastaui.com/r/agent-status.json
Approval Card component

A human-in-the-loop decision surface for questions, review steps, and consequential actions.

npx shadcn@latest add https://pastaui.com/r/approval-card.json
Attachments component

File and image attachments with progress, failure recovery, metadata, and removal actions.

npx shadcn@latest add https://pastaui.com/r/attachments.json
Audio Player component

A controlled playback surface for speech, generated audio, and recorded tool output.

npx shadcn@latest add https://pastaui.com/r/audio-player.json
Background Inbox component

Work still running elsewhere and completed results waiting to be collected.

npx shadcn@latest add https://pastaui.com/r/background-inbox.json
Background Runs component

Ongoing and completed agent jobs collected in one actionable inbox.

npx shadcn@latest add https://pastaui.com/r/background-runs.json
Category Dropdown component

A dropdown with vertical category tabs on the left and their items on the right, with a sliding tab indicator, animated height, and a morphing chevron.

npx shadcn@latest add https://pastaui.com/r/category-dropdown.json
Citations component

A compact source summary that expands into grounded references with useful context.

npx shadcn@latest add https://pastaui.com/r/citations.json
Code Block component

A muted code surface with line numbers, focused rows, filename metadata, and copy feedback.

npx shadcn@latest add https://pastaui.com/r/code-block.json
Color Picker component

A Tailwind palette picker with search, hex and opacity inputs, and optional linear, radial, and conic gradients with draggable stops.

npx shadcn@latest add https://pastaui.com/r/color-picker.json
Commit component

An expandable changed-file summary with folder groups, line counts, and a diff action.

npx shadcn@latest add https://pastaui.com/r/commit.json
Connection State component

Clear connected, reconnecting, resumed, and offline states for resumable agent streams.

npx shadcn@latest add https://pastaui.com/r/connection-state.json
Context Breakdown component

Where an agent context window went, with token attribution and remaining capacity.

npx shadcn@latest add https://pastaui.com/r/context-breakdown.json
Cost Meter component

Run cost split by model or task and compared against an optional session budget.

npx shadcn@latest add https://pastaui.com/r/cost-meter.json
Data Table component

A virtualized, sortable table with resizable columns, a sticky header, and left or right pinned columns for scanning dozens of fields at once.

npx shadcn@latest add https://pastaui.com/r/data-table.json
Document Reference component

A source card that preserves document identity, location, metadata, and the cited excerpt.

npx shadcn@latest add https://pastaui.com/r/document-reference.json
Edit Message component

A user message with copy and edit actions, inline editing with keyboard shortcuts, and switching between edited versions.

npx shadcn@latest add https://pastaui.com/r/edit-message.json
Email Composer component

A minimal email draft with inline fields, a spacious message, and copy, expand, and send actions.

npx shadcn@latest add https://pastaui.com/r/email-composer.json
Environment Variables component

A secret-aware configuration surface with masked values and explicit reveal or copy actions.

npx shadcn@latest add https://pastaui.com/r/environment-variables.json
Feedback Dialog component

Response feedback with copy, thumbs up and thumbs down actions that expands into a reason picker and an optional note.

npx shadcn@latest add https://pastaui.com/r/feedback-dialog.json
File Diff component

A compact code-change surface with old and new line numbers plus live change counts.

npx shadcn@latest add https://pastaui.com/r/file-diff.json
File Tree component

A keyboard-navigable file tree with collapsible folders, git change badges, and change counts rolled up to folders.

npx shadcn@latest add https://pastaui.com/r/file-tree.json
Follow Up component

Follow-up prompts that stagger in after an answer, with number key shortcuts and a selected state.

npx shadcn@latest add https://pastaui.com/r/follow-up.json
Follow-up Suggestions component

A keyboard-driven next step picker with numbered options and a free text custom question.

npx shadcn@latest add https://pastaui.com/r/follow-up-suggestions.json
Image Generation Loader component

A streaming image surface with live progress, a playable Snake diversion, and an in-place completed result.

npx shadcn@latest add https://pastaui.com/r/image-generation-loader.json
Inline Citation component

A numbered reference inside prose with an inspectable source preview.

npx shadcn@latest add https://pastaui.com/r/inline-citation.json
Job Progress component

A weighted multi-stage progress surface for work measured in minutes rather than seconds.

npx shadcn@latest add https://pastaui.com/r/job-progress.json
Link Preview component

A horizontal link preview with an image, seller details, and optional product pricing and ratings.

npx shadcn@latest add https://pastaui.com/r/link-preview.json
Memory component

Visible, removable facts an agent retains about the user or ongoing work.

npx shadcn@latest add https://pastaui.com/r/memory.json
Message Bubble component

A focused conversational surface with distinct user, assistant, and system treatments.

npx shadcn@latest add https://pastaui.com/r/message-bubble.json
Message Queue component

Pending user turns that remain visible, removable, and immediately sendable while an agent is busy.

npx shadcn@latest add https://pastaui.com/r/message-queue.json
Message Scroller component

A compact conversation minimap that navigates user turns while keeping the full thread visible.

npx shadcn@latest add https://pastaui.com/r/message-scroller.json
Model Picker component

A compact model menu with descriptions, plan badges, effort controls, and additional models.

npx shadcn@latest add https://pastaui.com/r/model-picker.json
Permission Grant component

A capability-level consent surface that explains reach and duration before access is granted.

npx shadcn@latest add https://pastaui.com/r/permission-grant.json
Plan Approval Card component

A proposed plan with clear steps and controls to edit, cancel, or start the work.

npx shadcn@latest add https://pastaui.com/r/plan-approval-card.json
Prompt Input component

An auto-growing agent composer with attachment, model, submit, and stop controls.

npx shadcn@latest add https://pastaui.com/r/prompt-input.json
Quota Banner component

Usage remaining, reset timing, and an upgrade path without hiding the limit.

npx shadcn@latest add https://pastaui.com/r/quota-banner.json
Reasoning Effort component

A compact dropdown for choosing how much reasoning power a response should use.

npx shadcn@latest add https://pastaui.com/r/reasoning-effort.json
Reasoning Text component

A timed reasoning stream that follows the latest thought, then folds into an inspectable duration summary.

npx shadcn@latest add https://pastaui.com/r/reasoning-text.json
Research Report component

A long-form report reader with a contents rail, reading progress, and sections that stream in as they are written.

npx shadcn@latest add https://pastaui.com/r/research-report.json
Retrieval Chunks component

Ranked source passages with a searching state, highlighted query terms, relevance bars, and expandable text.

npx shadcn@latest add https://pastaui.com/r/retrieval-chunks.json
Schedule Card component

A recurring agent job with human-readable timing, next run, and pause controls.

npx shadcn@latest add https://pastaui.com/r/schedule-card.json
Search Results Tabs component

Ranked search results with site icons, titles, source URLs, and plain text category tabs.

npx shadcn@latest add https://pastaui.com/r/search-results-tabs.json
Task Card component

One delegated task with state, timing, assigned agent, and returned result.

npx shadcn@latest add https://pastaui.com/r/task-card.json
Thinking Shimmer component

A quiet live status that keeps the agent current action readable while work continues.

npx shadcn@latest add https://pastaui.com/r/thinking-shimmer.json
Todo List component

A live agent plan with completion counts, checkable tasks, and details you can expand.

npx shadcn@latest add https://pastaui.com/r/todo-list.json
Tool Approval component

A permission gate that shows scope and command detail before an agent tool runs.

npx shadcn@latest add https://pastaui.com/r/tool-approval.json
Tool Error component

A recoverable connection failure with a clear explanation and compact recovery actions.

npx shadcn@latest add https://pastaui.com/r/tool-error.json
Tool Group component

Consecutive tool calls in one readable group with collapsible outputs for each call.

npx shadcn@latest add https://pastaui.com/r/tool-group.json
Tool Result component

An execution disclosure for running, successful, or failed tools with optional raw output.

npx shadcn@latest add https://pastaui.com/r/tool-result.json
Tool Timeline component

A live timeline of agent tool calls with timings and expandable input and output for each call.

npx shadcn@latest add https://pastaui.com/r/tool-timeline.json
Video Player component

A compact video player with keyboard shortcuts, chapter markers, seek previews, and volume control.

npx shadcn@latest add https://pastaui.com/r/video-player.json
Voice Input component

A tactile recording control with a recessed waveform, red playhead, and pause control.

npx shadcn@latest add https://pastaui.com/r/voice-input.json