Repolode
Submit
arthelokyo

arthelokyo/astrowind

A free, open-source Astro and Tailwind CSS v4 starter theme with 30+ landing page widgets, a blog, and SEO features.

View on GitHubWebsite
Stars
6,055
Forks
1,687
Open issues
3
Last commit
last month

What is it?

AstroWind is a starter template for building static websites with Astro and Tailwind CSS v4. It provides a ready-made landing page setup with more than 30 typed, composable section widgets such as heroes, feature grids, pricing tables with comparison, FAQ accordions, testimonials, timelines and newsletter forms.

The template also includes a blog with RSS feed, MDX support, categories and tags, and social share buttons. Posts are Markdown or MDX files read at build time. Other built-in pieces include image optimization through Astro Assets, sitemap generation, Open Graph tags, Google Analytics integration, and dark mode with RTL support.

Site-wide settings such as name, SEO metadata, blog paths and theme mode live in a single YAML config file, while colors and fonts are set through CSS variables and Tailwind theme tokens. The project can be deployed to Netlify, Vercel, Cloudflare or any static host, and it ships with AI coding assistant instructions for common customization tasks.

Key features

  • 01Over 30 typed, composable landing page section widgets.
  • 02Blog with RSS feed, MDX support, categories and tags.
  • 03Image optimization via Astro Assets and Unpic.
  • 04Automatic sitemap, Open Graph tags and Google Analytics integration.
  • 05Dark mode and RTL support built on Tailwind CSS v4.
  • 06Configuration through one YAML file and CSS-first theme tokens.

Use cases

  • Launching a company or product landing page with ready-made sections.
  • Starting a personal or company blog that needs RSS and SEO out of the box.
  • Building a documentation or marketing site that deploys as static files.

Quick start

  1. 1

    Requires Node.js 22.22.3 or newer; create the project from the AstroWind template

    npm create astro@latest -- --template arthelokyo/astrowind
  2. 2

    Install dependencies

    npm install
  3. 3

    Start the local dev server at localhost:4321

    npm run dev

Things to know

  • The blog only works with prerender = true, despite the template using output 'static'.
  • Version 1 is in maintenance mode, with new development going to AstroWind v2.

Topics

#astro#tailwind-css#static-site#landing-page#blog#theme#template#seo#astro-blog#astro-starter

FAQ

What is astrowind?
A free, open-source Astro and Tailwind CSS v4 starter theme with 30+ landing page widgets, a blog, and SEO features. AstroWind is a starter template for building static websites with Astro and Tailwind CSS v4. It provides a ready-made landing page setup with more than 30 typed, composable section widgets such as heroes, feature grids, pricing tables with comparison, FAQ accordions, testimonials, timelines and newsletter forms.
Is astrowind free to use? What license does it have?
astrowind is open source under the MIT license. Check the license terms before using it in commercial products.
Is astrowind still maintained?
Updated within 6 months. The last commit to astrowind was on Sep 12, 2026.
What can I use astrowind for?
Launching a company or product landing page with ready-made sections. Starting a personal or company blog that needs RSS and SEO out of the box. Building a documentation or marketing site that deploys as static files.
How do I install astrowind?
Requires Node.js 22.22.3 or newer; create the project from the AstroWind template: npm create astro@latest -- --template arthelokyo/astrowind Install dependencies: npm install Start the local dev server at localhost:4321: npm run dev
Where can I get astrowind?
The source code and installation instructions are on GitHub: https://github.com/arthelokyo/astrowind

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects