# Pasta UI

> Free, MIT-licensed React components for AI and agent interfaces: prompt input, model picker, tool approvals, reasoning text, citations and file diffs.

- Owner: [Syed Hasnain](https://21st.dev/@syeddhasnainn)
- Components: 51
- Website: https://pastaui.com
- GitHub: https://github.com/syeddhasnainn/pastaui
- Live page: https://21st.dev/@syeddhasnainn/library/pastaui

## Components

All 51 of them:

- [Agent Activity](https://21st.dev/@syeddhasnainn/components/agent-activity.md)
- [Agent Status](https://21st.dev/@syeddhasnainn/components/agent-status.md)
- [Approval Card](https://21st.dev/@syeddhasnainn/components/approval-card.md)
- [Attachments](https://21st.dev/@syeddhasnainn/components/attachments.md)
- [Audio Player](https://21st.dev/@syeddhasnainn/components/audio-player.md)
- [Background Inbox](https://21st.dev/@syeddhasnainn/components/background-inbox.md)
- [Background Runs](https://21st.dev/@syeddhasnainn/components/background-runs.md)
- [Citations](https://21st.dev/@syeddhasnainn/components/citations.md)
- [Code Block](https://21st.dev/@syeddhasnainn/components/code-block.md)
- [Color Picker](https://21st.dev/@syeddhasnainn/components/color-picker.md)
- [Commit](https://21st.dev/@syeddhasnainn/components/commit.md)
- [Connection State](https://21st.dev/@syeddhasnainn/components/connection-state.md)
- [Context Breakdown](https://21st.dev/@syeddhasnainn/components/context-breakdown.md)
- [Cost Meter](https://21st.dev/@syeddhasnainn/components/cost-meter.md)
- [Document Reference](https://21st.dev/@syeddhasnainn/components/document-reference.md)
- [Edit Message](https://21st.dev/@syeddhasnainn/components/edit-message.md)
- [Email Composer](https://21st.dev/@syeddhasnainn/components/email-composer.md)
- [Environment Variables](https://21st.dev/@syeddhasnainn/components/environment-variables.md)
- [Feedback Dialog](https://21st.dev/@syeddhasnainn/components/feedback-dialog.md)
- [File Diff](https://21st.dev/@syeddhasnainn/components/file-diff.md)
- [File Tree](https://21st.dev/@syeddhasnainn/components/file-tree.md)
- [Follow Up](https://21st.dev/@syeddhasnainn/components/follow-up.md)
- [Follow-up Suggestions](https://21st.dev/@syeddhasnainn/components/follow-up-suggestions.md)
- [Image Generation Loader](https://21st.dev/@syeddhasnainn/components/image-generation-loader.md)
- [Inline Citation](https://21st.dev/@syeddhasnainn/components/inline-citation.md)
- [Job Progress](https://21st.dev/@syeddhasnainn/components/job-progress.md)
- [Link Preview](https://21st.dev/@syeddhasnainn/components/link-preview.md)
- [Memory](https://21st.dev/@syeddhasnainn/components/memory.md)
- [Message Bubble](https://21st.dev/@syeddhasnainn/components/message-bubble.md)
- [Message Queue](https://21st.dev/@syeddhasnainn/components/message-queue.md)
- [Message Scroller](https://21st.dev/@syeddhasnainn/components/message-scroller.md)
- [Model Picker](https://21st.dev/@syeddhasnainn/components/model-picker.md)
- [Permission Grant](https://21st.dev/@syeddhasnainn/components/permission-grant.md)
- [Plan Approval Card](https://21st.dev/@syeddhasnainn/components/plan-approval-card.md)
- [Prompt Input](https://21st.dev/@syeddhasnainn/components/prompt-input.md)
- [Quota Banner](https://21st.dev/@syeddhasnainn/components/quota-banner.md)
- [Reasoning Effort](https://21st.dev/@syeddhasnainn/components/reasoning-effort.md)
- [Research Report](https://21st.dev/@syeddhasnainn/components/research-report.md)
- [Retrieval Chunks](https://21st.dev/@syeddhasnainn/components/retrieval-chunks.md)
- [Schedule Card](https://21st.dev/@syeddhasnainn/components/schedule-card.md)
- [Search Results Tabs](https://21st.dev/@syeddhasnainn/components/search-results-tabs.md)
- [Task Card](https://21st.dev/@syeddhasnainn/components/task-card.md)
- [Thinking Shimmer](https://21st.dev/@syeddhasnainn/components/thinking-shimmer.md)
- [Todo List](https://21st.dev/@syeddhasnainn/components/todo-list.md)
- [Tool Approval](https://21st.dev/@syeddhasnainn/components/tool-approval.md)
- [Tool Error](https://21st.dev/@syeddhasnainn/components/tool-error.md)
- [Tool Group](https://21st.dev/@syeddhasnainn/components/tool-group.md)
- [Tool Result](https://21st.dev/@syeddhasnainn/components/tool-result.md)
- [Tool Timeline](https://21st.dev/@syeddhasnainn/components/tool-timeline.md)
- [Video Player](https://21st.dev/@syeddhasnainn/components/video-player.md)
- [Voice Input](https://21st.dev/@syeddhasnainn/components/voice-input.md)

Full component directory: https://21st.dev/llms.txt