Astro shadcn/ui template

A modern starter template using Astro, Tailwind CSS, and shadcn/ui - perfect for building fast, accessible, and themeable web apps.

---

Getting Started

Before you begin, ensure that you have Node.js and pnpm installed.

Setup

git clone https://github.com/area44/astro-shadcn-ui-template
cd astro-shadcn-ui-template
pnpm install
pnpm dev

Open your browser and go to http://localhost:4321 to see the app running.

Adding Components

shadcn/ui provides pre-built, accessible UI components. To add one:

1. Follow the official Astro installation guide.
2. Pick a component (e.g., Accordion, Dialog) and follow the usage instructions.

Note

In Astro, an island is an interactive component rendered on the client. For complex or dynamic components, check Add a Shadcn UI Component | Space Madness Stack

If you're new to using React (or other frameworks) inside Astro, start with the Framework Components guide.

License

This project is licensed under the MIT License.