--- title: Astro description: Install and configure shadcn/ui for Astro. --- **Starting a new project?** Use [shadcn/create](/create) for a fully configured Astro app with custom themes, Base UI or Radix, and icon libraries. ### Create project Start by creating a new Astro project: ```bash npx shadcn@latest init -t astro ``` **For a monorepo project, use `--monorepo` flag:** ```bash npx shadcn@latest init -t astro --monorepo ``` ### Add Components You can now start adding components to your project. ```bash npx shadcn@latest add button ``` The command above will add the `Button` component to your project. You can then import it like this: ```astro title="src/pages/index.astro" {2,16} showLineNumbers --- import { Button } from "@/components/ui/button" --- Astro + Tailwind CSS
```