Starter template for startups, marketing websites & blogs built with Astro and TailwindCSS.
Astroship is a free starter astro website template for saas, startups, marketing websites, landing pages & blogs. Built with Astro & TailwindCSS.
This Free Template is sponsored by Web3Templates
https://astroship.web3templates.com/
https://astroship-pro.web3templates.com/
Feature | Free Version | Pro Version |
---|---|---|
Astro v3 | ✅ | ✅ |
Content Collections | ✅ | ✅ |
Tailwind CSS | ✅ | ✅ |
Mobile Responsive | ✅ | ✅ |
Working Contact Page | ✅ | ✅ |
Pro Layouts & Features | ❌ | ✅ |
Blog with Pagination | ❌ | ✅ |
View Transitions | ❌ | ✅ |
Advanced Homepage Design | ❌ | ✅ |
Features Page | ❌ | ✅ |
Integrations Page | ❌ | ✅ |
Elegant 404 Page | ❌ | ✅ |
6 Months Support | ❌ | ✅ |
Free Updates | ✅ | ✅ |
License | GPL-2.0 | Commercial |
Pricing | Free | $49 |
Deploy for free | Purchase Pro |
You can instantly clone this to your GitHub and deploy the site by clicking the below buttons to deploy to your chosen providers!
Click here to deploy on Vercel:
Click here to deploy on Netlify:
If you are reading this on github, you can click on the "Use this template" button above to create a new repository from astroship to your account. Then you can do a git clone
to clone it to your local system.
Alternatively, you can clone the project directly from this repo to your local system.
git clone https://github.com/surjithctly/astroship.git myProjectName# orgit clone https://github.com/surjithctly/astroship.git .
The .
will clone it to the current directory so make sure you are inside your project folder first.
npm install# oryarn install# or (recommended)pnpm install
npm run dev# oryarn dev# or (recommended)pnpm dev
npm run previewnpm run build# oryarn previewyarn build# or (recommended)pnpm previewpnpm build
We recommend using pnpm to save disk space on your computer.
pnpm astro ...pnpm astro addpnpm astro --help
Inside of your Astro project, you'll see the following folders and files:
/├── public/│ └── ...├── src/│ ├── components/│ │ └── ...│ ├── layouts/│ │ └── ...│ └── pages/│ └── ...└── 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.
TailwindCSS is already configured in this repo, so you can start using it without any installation.
Hero Illustration by Streamline
Feel free to check out Astro Docs or jump into our Discord Chat.
Starter template for startups, marketing websites & blogs built with Astro and TailwindCSS.
Astroship is a free starter astro website template for saas, startups, marketing websites, landing pages & blogs. Built with Astro & TailwindCSS.
This Free Template is sponsored by Web3Templates
https://astroship.web3templates.com/
https://astroship-pro.web3templates.com/
Feature | Free Version | Pro Version |
---|---|---|
Astro v3 | ✅ | ✅ |
Content Collections | ✅ | ✅ |
Tailwind CSS | ✅ | ✅ |
Mobile Responsive | ✅ | ✅ |
Working Contact Page | ✅ | ✅ |
Pro Layouts & Features | ❌ | ✅ |
Blog with Pagination | ❌ | ✅ |
View Transitions | ❌ | ✅ |
Advanced Homepage Design | ❌ | ✅ |
Features Page | ❌ | ✅ |
Integrations Page | ❌ | ✅ |
Elegant 404 Page | ❌ | ✅ |
6 Months Support | ❌ | ✅ |
Free Updates | ✅ | ✅ |
License | GPL-2.0 | Commercial |
Pricing | Free | $49 |
Deploy for free | Purchase Pro |
You can instantly clone this to your GitHub and deploy the site by clicking the below buttons to deploy to your chosen providers!
Click here to deploy on Vercel:
Click here to deploy on Netlify:
If you are reading this on github, you can click on the "Use this template" button above to create a new repository from astroship to your account. Then you can do a git clone
to clone it to your local system.
Alternatively, you can clone the project directly from this repo to your local system.
git clone https://github.com/surjithctly/astroship.git myProjectName# orgit clone https://github.com/surjithctly/astroship.git .
The .
will clone it to the current directory so make sure you are inside your project folder first.
npm install# oryarn install# or (recommended)pnpm install
npm run dev# oryarn dev# or (recommended)pnpm dev
npm run previewnpm run build# oryarn previewyarn build# or (recommended)pnpm previewpnpm build
We recommend using pnpm to save disk space on your computer.
pnpm astro ...pnpm astro addpnpm astro --help
Inside of your Astro project, you'll see the following folders and files:
/├── public/│ └── ...├── src/│ ├── components/│ │ └── ...│ ├── layouts/│ │ └── ...│ └── pages/│ └── ...└── 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.
TailwindCSS is already configured in this repo, so you can start using it without any installation.
Hero Illustration by Streamline
Feel free to check out Astro Docs or jump into our Discord Chat.