Astro Templates
4 Astro templates with shadcn/ui and Tailwind CSS: fast content sites, blogs and portfolios that ship little JavaScript, ready to customize.
Astro
Available templates
Every Astro template in the collection.
Creators
Authors in Astro
The 4 developers behind Astro templates, most templates first.
Categories
Related Categories
What Astro templates are most often built with, or for.
- React186 templates · 146 authors
- Tailwind196 templates · 158 authors
- Radix UI30 templates · 29 authors
- Templates & Themes15 templates · 14 authors
- Blog2 templates · 2 authors
- Drizzle ORM22 templates · 22 authors
- Full-stack46 templates · 43 authors
- Portfolio1 template · 1 author
Or skip the search. With Pro, your AI agent finds and installs the template, block or icon you describe.
Get ProPricing
Every premium template, with Pro
All 14 premium templates come with every Pro plan, with 6,000+ blocks and the MCP server. Pick the seats you need.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What Astro templates are, which are free or in Pro, and how to start from one.
4 Astro templates with shadcn/ui and Tailwind CSS: fast content sites, blogs and portfolios that ship little JavaScript, ready to customize. A template can be in several categories, so a Astro template can also be listed under another.
4 templates by 4 developers: 4 open source. The collection has 229 templates in all.
They are most often listed with React, Tailwind, Radix UI and Templates & Themes. Those categories are linked at the foot of this page.
The collection is for shadcn/ui: each Astro template was listed because it uses shadcn/ui components. Its repository shows the exact setup, such as a components.json and the Tailwind CSS version.
Astro templates are complete apps or sites you clone or download; blocks are single sections you add to an app you already have. Use a template to start a project and blocks to extend it.
The browser on this page searches the 4 Astro templates by name, author or category and orders them by featured, name or newest. The address keeps the choice.
Among the open source ones, Haitang, Astro Nomy and Astro Erudite lead the list. Open each live demo before you clone one.
4 of the 4 Astro templates list a live demo and 4 link a GitHub repository. Each template page embeds the demo when it has one.
Haitang has the latest listing date among the open source ones, October 8, 2025. Choose Newest in the browser to order Astro templates by that date. The date is the listing's, not the repository's.
Area44 has the most, 1 template, followed by Javayhu (1) and Jktrn (1). Each name links to the author's page.
4 developers built the 4 Astro templates. The open source ones are independent projects on GitHub.
Open the author's page from the list on this category page: it shows their templates in every category, and which technologies they use. /template/authors lists all 187.
None of the Astro templates are by shadcn.io: they are community projects, which their own authors maintain.
The 4 open source ones are free to clone from GitHub, each under its own license.
None. All 4 Astro templates here are open source; the 14 premium templates are listed under /template.
For the open source ones, it depends on each repository's license, which shadcn.io doesn't set: read the LICENSE file first.
No. Browsing Astro templates and trying their live demos needs no account, and an open source template is cloned from GitHub. Only the premium templates, the blocks and the MCP server need Pro.
Open a template and its GitHub link, then run git clone, npm install and npm run dev. Each repository's README has the exact steps.
Yes. Blocks and components are React code you copy with the shadcn CLI, so they fit a Astro template that uses Tailwind CSS and shadcn/ui. Components are free with a free account, and the blocks are in Pro.
Yes, with Pro. The shadcn.io MCP server's search_templates tool finds templates by what they are, so you can ask your editor for a Astro template and get its repository and live demo.
Yes. The clone is your code: change the theme, add pages and connect your backend. How you deploy a Astro template depends on the template's own framework and services, so follow its README.
4.9 out of 5 from 150+ developers
Ship your next site this weekend
14 premium templates, 6,000+ blocks and MCP in every Pro plan. The open source Astro templates stay free.
Get Pro


