Newsletter
Join the Community
Subscribe to our newsletter for the latest news and updates
Astrobrew is a free and open-source elegant landing page for Micro SaaS products built with Astro & Skeleton CSS
Astrobrew is a free, open-source landing page template for Micro SaaS products, built with the Astro framework and Skeleton CSS.
Astrobrew is a single-page website template designed specifically for Micro SaaS products. It takes a basic Astro project structure and gives you ready-made landing page sections — header, hero, features, how-to-use, final call-to-action, and footer — each implemented as its own .astro component. The template scaffolds a production-ready static site; running npm run build outputs your site to the dist folder, and npm run dev serves it locally at localhost:3000. It is published on GitHub by LAB-CH3, who also offers an upgraded "Pro" version linked from the project page.
Astrobrew is aimed at indie developers and small teams launching a Micro SaaS product who want a clean landing page without building one from scratch. It's also useful for developers comfortable with Astro who want a minimal starting point to customize and extend, and for designers looking for a lightweight, text-focused layout that highlights a product's core value proposition.
The template runs on the Astro framework; you clone the repository, install dependencies with npm install, then start the dev server with npm run dev. You edit the .astro files in src/components, and when ready, npm run build generates a static site in ./dist/ that you can deploy to any static host.
Astrobrew is free and open source. A paid "Pro" version is also available, though the Pro tier's specific features and price are not listed on the project page.
Yes, the template is free and open source, published on GitHub. The repository includes the full source code and can be used without payment, though the creator offers an optional Pro version.
It provides a pre-built single-page landing site for Micro SaaS products, using Astro components for header, hero, features, how-to-use, final CTA, and footer sections. You customize those components and build a static site.
No, it uses Skeleton CSS, a minimal CSS framework, not Tailwind. That keeps the default styling lightweight and small.
Yes, npm run build creates a pure static site in the dist directory, so it can be hosted on any static file host, CDN, or web server without a backend.
After downloading, run npm install to install dependencies, then npm run dev to start a local dev server at localhost:3000.
