Built with Astro, styled with Skeleton CSS
Astro-idol — Astro SaaS Template
By LaB-CH3
Astro Idol is a landing page template for micro SaaS products built with Astro and Skeleton CSS, released under the MIT license, and includes common section components needed for a homepage.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Provides homepage section components including Header, Hero, Brief, Customer, Pricing, and Footer
Page routing is determined by .astro or .md files under src/pages, with static assets placed in the public directory
The README lists npm commands for installation, development, build, preview, and the Astro CLI
The public repository version uses the MIT license and can be used, modified, commercialized, and distributed for free
Template Details
Astro Idol is a landing page template for micro SaaS products, built with Astro and styled with Skeleton CSS. The project structure is clear: src/components provides six section components—Brief, Customer, Footer, Header, Hero, and Pricing; src/layouts/Layout.astro provides the page layout; src/pages/index.astro is the homepage entry point; and the public directory is used for static assets such as the favicon. The README's commands cover dependency installation, local development (default localhost:3000), production build (output to ./dist/), local preview of the build result, and invoking the Astro CLI via npm run astro. The public repository version uses the MIT license, permitting use, modification, commercial use, and distribution, provided copyright and license notices are retained; the README also mentions a paid Astrodol Pro version, which is not included in this listing. Third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as domains and hosting may incur additional charges.
Is it right for your project?
Use Cases
- Building a single-page landing page for a micro SaaS product
- Using it as an Astro project starter template and replacing copy and section content
- Referencing its component breakdown and layout approach within an existing Astro site
Suitable For
- Developers who need to quickly build a SaaS product introduction page
- Teams using Astro who want to organize homepage sections as components
- Users who accept the MIT license terms and need to independently verify third-party asset licensing
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Run npm install to install dependencies, and npm run dev to start the local development server (default localhost:3000)
- 2
Use npm run build to generate the production site into ./dist/, and npm run preview to preview the build result locally before deployment
- 3
CLI commands such as astro add and astro check can be executed via npm run astro ...
- 4
The README mentions a paid Astrodol Pro version; the free code included in this listing does not contain that version's content
- 5
Third-party assets such as demo images, fonts, and icons must be verified separately under their respective licenses, and services such as domains and hosting may incur additional charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, commercialized, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The project materials mention optional paid versions or features; this listing includes only the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
- The README explicitly points to the paid Astrodol Pro version; the free repository does not include that Pro version's content, and Pro features require separate payment.
- That link points to the author's other template collection, which is an external resource and not part of this template.
- The README requests voluntary donations to support the author; this is an optional sponsorship request and does not affect free use.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
### Upgrade to Astrodol Pro version
Original README
Check out [LAB-CH3](https://github.com/LaB-CH3) for a growing collection of current and future templates.
Original README
https://github.com/LaB-CH3/Astro-idol/blob/main/LICENSEhttps://github.com/LaB-CH3/Astro-idol/blob/main/README.mdIf you’ve found this helpful, consider fueling my creativity!
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-04. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- Astro Themes
- Documentation and maintenance reference score
- More documented · 92 / 100
- Technologies
- Astro
- Website type
- SaaS · Corporate Website · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-01-28
- Screenshot last checked
- 2026-10-04
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-05
Inspect the recorded source material
SHA-256: 2574f09697092e82cdc511b97ed3abd5aa1dfe39a08b3bb2e200d58f15ac6957
2026-10-04T17:45:48.696Z
Source file / repository# Astro Idol
Landing page template for mirco SaaS products
### Live demo
(https://idol.indiebold.com/)
### Upgrade to Astrodol Pro version
(https://idolpro.indiebold.com/)
## 🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
```
/
├── public/
│ └── favicon.svg
├── src/
├── assets/
│ ├── components/
│ │ └── Brief.astro
└── Customer.astro
└── Footer.astro
└── Header.astro
└── Hero.astro
└── Pricing.astro
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
│ └── index.astro
└── package.json
```
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
Any static assets, like images, can be placed in the `public/` directory.
## Preview

## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:3000` |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
| `npm run astro -- --help` | Get help using the Astro CLI |
## 👀 Curious to Explore More?
Check out [LAB-CH3](https://github.com/LaB-CH3) for a growing collection of current and future templates.
If you’ve found this helpful, consider fueling my creativity!
[](https://ko-fi.com/indieteamofone)
Explore similar templates
Compare previews and descriptions within the same stack and category.

astrowind
AstroWind is a free, open-source Astro starter theme using Astro and Tailwind CSS, released under the MIT license.
Astro · Blog
accessible-astro-starter
An accessibility-focused Astro 6 starter template with WCAG 2.2 AA practices, Tailwind CSS 4, TypeScript, Prettier, ESLint, form validation, blog and portfolio examples, and preference toggles for dark mode, high contrast, and reduced motion.
Astro · Blog

astro-erudite
astro-erudite is an opinionated, unstyled static blog template built with Astro and native CSS, with no UI or CSS framework and minimal dependencies.
Astro · Portfolio

astro-landing-page
An Astro + Tailwind CSS landing page example template with theme variables, dark mode, responsive layout, and Open Graph tags, under the MIT license, suitable as a starting point for single-page product, event, or corporate homepage sites.
Astro · Corporate Website

astro-shopify
A lightweight Shopify headless ecommerce starter template built with Astro and Svelte, integrating the Shopify Storefront API for product and inventory data, with built-in cart state management and basic add-to-cart and checkout flow.
Astro · E-commerce

brutal
Brutal is a neobrutalism Astro starter theme from ElianCodes, derived from the author's personal site and generalized. It includes a Markdown blog collection, build-time RSS and sitemap, image optimization, Tailwind CSS styling, and Biome checks, with no JavaScript by default.
Astro · Starter
