Getting started

Installation

Add Pasta UI components directly to your React project. The source is yours to customize.

1. Set 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 init

Copy the installation command from a component page. For example, add the Plan Approval Card:

pnpm dlx shadcn@latest add https://pastaui.com/r/plan-approval-card.json

Import the installed component and follow its usage example. Edit the source in your project to match your product.