# Pasta UI

> Open-source React components with polished defaults and source code you can make your own.

Pasta UI is a free, MIT-licensed library of React components built on shadcn/ui, Base UI, and Tailwind CSS. Components are distributed through a shadcn registry and installed as source code into your project.

## Getting started
- Installation: https://pastaui.com/docs/installation
- Install any component: `pnpm dlx shadcn@latest add @pastaui/<name>`
- Registry index: https://pastaui.com/r/registry.json

## AI agents
- [Color Picker](https://pastaui.com/docs/component/color-picker): A Tailwind palette picker with search, hex and opacity inputs, and optional linear, radial, and conic gradients with draggable stops.
- [Data Table](https://pastaui.com/docs/component/data-table): A virtualized, sortable table with resizable columns, a sticky header, and left or right pinned columns for scanning dozens of fields at once.
- [Image Generation Loader](https://pastaui.com/docs/component/image-generation-loader): A streaming image surface with live progress, a playable Snake diversion, and an in-place completed result.
- [Message Bubble](https://pastaui.com/docs/component/message-bubble): A focused conversational surface with distinct user, assistant, and system treatments.
- [Message Scroller](https://pastaui.com/docs/component/message-scroller): A compact conversation minimap that navigates user turns while keeping the full thread visible.
- [Prompt Input](https://pastaui.com/docs/component/prompt-input): An auto-growing agent composer with attachment, model, submit, and stop controls.
- [Citations](https://pastaui.com/docs/component/citations): A compact source summary that expands into grounded references with useful context.
- [Message Queue](https://pastaui.com/docs/component/message-queue): Pending user turns that remain visible, removable, and immediately sendable while an agent is busy.
- [Attachments](https://pastaui.com/docs/component/attachments): File and image attachments with progress, failure recovery, metadata, and removal actions.
- [Model Picker](https://pastaui.com/docs/component/model-picker): A compact model menu with descriptions, plan badges, effort controls, and additional models.
- [Voice Input](https://pastaui.com/docs/component/voice-input): A tactile recording control with a recessed waveform, red playhead, and pause control.
- [Follow Up](https://pastaui.com/docs/component/follow-up): Compact follow-up prompts that continue the conversation with one click.
- [Follow-up Suggestions](https://pastaui.com/docs/component/follow-up-suggestions): Contextual next-step prompts that invite a useful continuation after an answer.
- [Edit Message](https://pastaui.com/docs/component/edit-message): An in-place message editor with cancel and save actions.
- [Todo List](https://pastaui.com/docs/component/todo-list): A live agent plan with completion counts, task states, and expandable detail.
- [Code Block](https://pastaui.com/docs/component/code-block): A muted code surface with line numbers, focused rows, filename metadata, and copy feedback.
- [Approval Card](https://pastaui.com/docs/component/approval-card): A human-in-the-loop decision surface for questions, review steps, and consequential actions.
- [File Diff](https://pastaui.com/docs/component/file-diff): A compact code-change surface with old and new line numbers plus live change counts.
- [Tool Result](https://pastaui.com/docs/component/tool-result): An execution disclosure for running, successful, or failed tools with optional raw output.
- [Tool Approval](https://pastaui.com/docs/component/tool-approval): A permission gate that shows scope and command detail before an agent tool runs.
- [Tool Error](https://pastaui.com/docs/component/tool-error): A recoverable connection failure with a clear explanation and compact recovery actions.
- [Agent Status](https://pastaui.com/docs/component/agent-status): A compact task summary with the current activity and an optional task tray.
- [Task Card](https://pastaui.com/docs/component/task-card): One delegated task with state, timing, assigned agent, and returned result.
- [Tool Group](https://pastaui.com/docs/component/tool-group): Consecutive tool calls collapsed into one readable execution group.
- [Agent Activity](https://pastaui.com/docs/component/agent-activity): A chronological stream for reasoning, searches, terminal work, and tool execution.
- [Reasoning Text](https://pastaui.com/docs/component/reasoning-text): A timed reasoning stream that follows the latest thought, then folds into an inspectable duration summary.
- [Thinking Shimmer](https://pastaui.com/docs/component/thinking-shimmer): A quiet live status that keeps the agent current action readable while work continues.
- [Background Inbox](https://pastaui.com/docs/component/background-inbox): Work still running elsewhere and completed results waiting to be collected.
- [Tool Timeline](https://pastaui.com/docs/component/tool-timeline): A compact narrative of the verbs, targets, state, and timing in an agent run.
- [Quota Banner](https://pastaui.com/docs/component/quota-banner): Usage remaining, reset timing, and an upgrade path without hiding the limit.
- [Background Runs](https://pastaui.com/docs/component/background-runs): Ongoing and completed agent jobs collected in one actionable inbox.
- [Job Progress](https://pastaui.com/docs/component/job-progress): A weighted multi-stage progress surface for work measured in minutes rather than seconds.
- [Connection State](https://pastaui.com/docs/component/connection-state): Clear connected, reconnecting, resumed, and offline states for resumable agent streams.
- [Cost Meter](https://pastaui.com/docs/component/cost-meter): Run cost split by model or task and compared against an optional session budget.
- [Context Breakdown](https://pastaui.com/docs/component/context-breakdown): Where an agent context window went, with token attribution and remaining capacity.
- [Memory](https://pastaui.com/docs/component/memory): Visible, removable facts an agent retains about the user or ongoing work.
- [Permission Grant](https://pastaui.com/docs/component/permission-grant): A capability-level consent surface that explains reach and duration before access is granted.
- [Reasoning Effort](https://pastaui.com/docs/component/reasoning-effort): A compact dropdown for choosing how much reasoning power a response should use.
- [Plan Approval Card](https://pastaui.com/docs/component/plan-approval-card): A proposed plan with clear steps and controls to edit, cancel, or start the work.
- [Schedule Card](https://pastaui.com/docs/component/schedule-card): A recurring agent job with human-readable timing, next run, and pause controls.
- [Feedback Dialog](https://pastaui.com/docs/component/feedback-dialog): A low-friction reason and note form for turning negative feedback into signal.
- [Inline Citation](https://pastaui.com/docs/component/inline-citation): A numbered reference inside prose with an inspectable source preview.
- [File Tree](https://pastaui.com/docs/component/file-tree): A compact repository tree with selection, nesting, expansion, and change status.
- [Retrieval Chunks](https://pastaui.com/docs/component/retrieval-chunks): Ranked source passages that make retrieval-augmented answers inspectable.
- [Document Reference](https://pastaui.com/docs/component/document-reference): A source card that preserves document identity, location, metadata, and the cited excerpt.
- [Research Report](https://pastaui.com/docs/component/research-report): A structured, citation-ready report for research agents and deep-search results.
- [Link Preview](https://pastaui.com/docs/component/link-preview): A horizontal link preview with an image, seller details, and optional product pricing and ratings.
- [Audio Player](https://pastaui.com/docs/component/audio-player): A controlled playback surface for speech, generated audio, and recorded tool output.
- [Video Player](https://pastaui.com/docs/component/video-player): A compact video result with controllable playback, seek position, and metadata.
- [Search Results Tabs](https://pastaui.com/docs/component/search-results-tabs): Ranked search results with site icons, titles, source URLs, and plain text category tabs.
- [Email Composer](https://pastaui.com/docs/component/email-composer): A minimal email draft with inline fields, a spacious message, and copy, expand, and send actions.
- [Commit](https://pastaui.com/docs/component/commit): An expandable changed-file summary with folder groups, line counts, and a diff action.
- [Environment Variables](https://pastaui.com/docs/component/environment-variables): A secret-aware configuration surface with masked values and explicit reveal or copy actions.

## Guides
- [Best Aceternity UI Alternatives for Landing Pages and Apps](https://pastaui.com/blog/aceternity-ui-alternatives): Looking for an Aceternity UI alternative? Compare Pasta UI Pro, Magic UI, shadcnblocks, Tailark, React Bits and Cult UI for motion-rich React blocks, with prices and licenses.
- [Best Lifetime-License React and Tailwind UI Kits for Landing Pages](https://pastaui.com/blog/lifetime-license-ui-kits): Pay once and keep it: the best lifetime-license UI kits for React and Tailwind compared, including Pasta UI Pro, Tailwind Plus, Magic UI Pro, Aceternity UI Pro, shadcnblocks, Tailark and Cruip.
- [Best Magic UI Alternatives for Animated React Components](https://pastaui.com/blog/magic-ui-alternatives): Looking for a Magic UI alternative? Compare Pasta UI, Aceternity UI, React Bits, Motion Primitives, Cult UI, Eldora UI and 21st.dev for animated React and shadcn components, with prices.
- [Best React Component Libraries for AI Chat and Agent Interfaces](https://pastaui.com/blog/best-react-components-for-ai-chat-interfaces): The best React libraries for AI chat and agent UIs compared: Pasta UI, AI Elements, assistant-ui, prompt-kit, CopilotKit and 21st.dev, with prices and install methods.
- [Best shadcn/ui Component Libraries and Registries](https://pastaui.com/blog/best-shadcn-component-libraries): The best shadcn/ui component libraries compared: Pasta UI, Magic UI, Aceternity UI, Origin UI, Kibo UI, shadcnblocks, Shadcn Studio and Tailark, with prices and what each is best at.
- [Best Tailwind Plus (Tailwind UI) Alternatives](https://pastaui.com/blog/tailwind-plus-alternatives): Tailwind Plus costs $299. Compare the best alternatives for React and shadcn/ui projects: Pasta UI Pro, Untitled UI React, shadcnblocks, Shadcn Studio, Tailark, Cruip and free options.
- [Best Vercel AI Elements Alternatives for React](https://pastaui.com/blog/ai-elements-alternatives): Looking for an AI Elements alternative? Compare Pasta UI, assistant-ui, prompt-kit, CopilotKit, 21st.dev and building on shadcn/ui yourself, with prices and trade-offs.
- [Where to Find Premium shadcn Blocks and Landing Page Sections](https://pastaui.com/blog/premium-shadcn-blocks): The best places to buy premium shadcn/ui blocks for landing pages and apps: Pasta UI Pro, shadcnblocks, Shadcn Studio, Tailark, Magic UI Pro and Aceternity UI Pro, compared by price and catalog.
- [Which shadcn Registries Can You Install From With the shadcn CLI?](https://pastaui.com/blog/shadcn-registries): How shadcn registries work, how to install components from any namespace like @pastaui or @magicui, how private registries use tokens, and the best registries to start with.
- [Which UI Component Library Works Best With AI Coding Agents Like Claude Code and Cursor?](https://pastaui.com/blog/ui-library-for-ai-coding-agents): What makes a React UI library easy for Claude Code, Cursor and Codex to use, and how Pasta UI, shadcn/ui, MUI, Mantine, Ant Design and HeroUI compare for agent-driven development.

## Key facts
- React 19, TypeScript, Tailwind CSS v4
- Compatible with the shadcn CLI and the base-nova style
- Source code is copied into your project, so every component is fully editable

## Links
- Website: https://pastaui.com
- GitHub: https://github.com/syeddhasnainn/pastaui
- Pasta UI Pro: https://pro.pastaui.com