Astroship

Astroship is a free, open-source starter website template for SaaS products, startups, marketing websites, landing pages, and blogs, built with Astro and Tailwind CSS by Web3Templates.

What is Astroship?

Astroship is a starter template that runs on the Astro framework (v3) with Tailwind CSS pre-configured, producing a static site with a homepage, working contact page, and content collection support. The free version is released under the GPL-2.0 license, and the template also comes in a commercial Pro version priced at $49. Web3Templates sponsors and maintains the project, and the GitHub repository has over 1,900 stars.

Key Features

• Astro v3 framework — Built on Astro v3 with Content Collections for structured blog and marketing content.
• Tailwind CSS pre-configured — TailwindCSS is already set up in the repo, so you can write utility-first styles without additional configuration.
• Mobile responsive design — The template is fully responsive out of the box.
• Working contact page — Includes a functional contact page (form handling is typical Astro static output, no backend by default).
• One-click deployment — Contains deploy buttons for Vercel and Netlify that clone the repo and set up the project.
• PageSpeed optimized — The template has a documented PageSpeed score, indicating performance focus.
• Pro version upgrade — The paid Pro version adds blog pagination, view transitions, a features page, an integrations page, an elegant 404 page, and 6 months of support.

Who is it for?

• Startup founders — Launch a marketing site and landing page quickly without hiring a designer.
• Freelance web developers — Use the starter as a base for client projects, customizing layouts with Tailwind.
• Technical marketers — Ship a blog and content pages using Astro's Content Collections.
• Indie hackers — Deploy a minimal SaaS landing page to Vercel or Netlify for free.

What can you do with Astroship?

• Deploy a landing page in minutes: Clone the GitHub repo or use the Vercel/Netlify deploy buttons to get a live site without manual configuration.
• Customize the design with Tailwind: Since TailwindCSS is pre-configured, you can adjust the entire visual style by editing utility classes and theme tokens.
• Build a blog with pagination (Pro): The Pro version includes blog pagination, so you can publish multi-page articles.
• Create a features or integrations page (Pro): The Pro version comes with a features page and an integrations page for listing product capabilities and third-party tools.

How does Astroship work?

The template is a standard Astro project. After cloning the repository, you run npm install (or pnpm install) and npm run dev to start a local development server. The project structure places components in src/components, layouts in src/layouts, and pages in src/pages, where each .astro or .md file becomes a route. Static assets go in public/. The build command is npm run build and the preview command is npm run preview.

Pricing

Astroship has a free version available under the GPL-2.0 license, and a Pro version sold for $49 from Web3Templates. The free version includes Astro v3, Content Collections, Tailwind CSS, mobile responsiveness, a working contact page, and free updates. The Pro version adds blog pagination, view transitions, an advanced homepage design, a features page, an integrations page, an elegant 404 page, and 6 months of support.

FAQ

Is Astroship free?

Yes, the free version is available under the GPL-2.0 license. It includes the core features like Astro v3, Tailwind CSS, mobile responsiveness, a working contact page, and free updates.

How do I deploy Astroship?

You can click the "Deploy with Vercel" or "Deploy to Netlify" buttons in the repository, which clone the template to your GitHub and connect it to the platform. Alternatively, clone the repo locally and run the standard Astro build commands.

What is the difference between the free and Pro versions?

The free version provides the essential starter layout. The Pro version, which costs $49, adds blog pagination, view transitions, an advanced homepage design, a features page, an integrations page, an elegant 404 page, and 6 months of support.

Does Astroship support Content Collections?

Yes, both the free and Pro versions use Astro's Content Collections, which gives you a structured way to manage blog posts and other content files.

What is the project structure of Astroship?

The template follows the default Astro structure: src/components, src/layouts, src/pages, and public/. Pages are routed based on their file names, and static assets are placed in public/.