Installation
Add Pasta UI components directly to your React project. The source is yours to customize.
1Set up your project
Start with a React project using Tailwind CSS. If you have not configured shadcn yet, initialize it in your project directory.
pnpm dlx shadcn@latest initnpx shadcn@latest inityarn dlx shadcn@latest initbunx --bun shadcn@latest init2Add a component
Copy the installation command from a component page. For example, add the Plan Approval Card:
pnpm dlx shadcn@latest add @pastaui/plan-approval-cardnpx shadcn@latest add @pastaui/plan-approval-cardyarn dlx shadcn@latest add @pastaui/plan-approval-cardbunx --bun shadcn@latest add @pastaui/plan-approval-card3Make it yours
Import the installed component and follow its usage example. Edit the source in your project to match your product.
Browse components