Profile
Back to NewsBack
GitHub Trending 1 min
Reader Mode
area44/astro-shadcn-ui-template: The template helps you build apps with Astro, Tailwind CSS, and shadcn/ui.

area44/astro-shadcn-ui-template: The template helps you build apps with Astro, Tailwind CSS, and shadcn/ui.

21 hours ago

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.
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.

Chat with me