Nuxtship is a free Nuxt 3 + TailwindCSS starter template for building SaaS, startup, marketing, and landing page websites.
What is Nuxtship?
Nuxtship is a free starter website template built on the Nuxt 3 framework with TailwindCSS for utility-first styling. It provides a complete project scaffold for marketing websites, landing pages, and SaaS product sites, including configuration for development, production builds, and local previews. The template is a Nuxt port of the Astroship template originally built with Astro by Web3Templates, and is available under the sponsorship of jakob-aichmayr.pages.dev.
Key Features
Nuxtship bundles the essential tooling for a Nuxt 3 project: a Vue-based framework, TailwindCSS, multiple package-manager options, and scripts for development and production.
- Nuxt 3 framework — The template is built on Nuxt 3, offering Vue-powered server-side rendering, static site generation, and a modular architecture.
- TailwindCSS for styling — Comes pre-configured with TailwindCSS, enabling utility-first CSS development without leaving your HTML.
- Multi-package-manager support — Dependencies can be installed and scripts run with npm, pnpm, yarn, or bun.
- Live development server — Run
npm run dev(or the equivalent) to start a development server at http://localhost:3000. - Production build & preview — Build the application for production with
npm run buildand preview the result locally withnpm run preview. - Based on a proven template — Forked from Astroship, a popular landing-page template by Web3Templates, preserving its layout structure and design patterns.
- Free with donation support — The template is free to use; the author accepts donations through Ko-fi and PayPal.
Who should use Nuxtship?
Nuxtship suits anyone who needs a modern marketing website on the Nuxt stack, from solo founders to product teams.
- Startup founders — launch a marketing website for a new product or service without starting from an empty project.
- Developers — use the Nuxt 3 + TailwindCSS stack as a foundation and customize components, pages, and content.
- Marketing teams — create a high-converting landing page for a campaign, product update, or event using the template's pre-designed sections.
What can you do with Nuxtship?
Nuxtship can be adapted to several website types, each covered by its page structure and styling.
- SaaS websites: present your product's features, benefits, and calls-to-action in a clean, modern layout.
- Landing pages: spin up a focused, single-purpose page to test an idea or drive conversions.
- Marketing websites: publish a company site with sections for services, case studies, and contact information.
- Portfolio pages: adapt the template to showcase personal projects or professional work.
How does Nuxtship work?
Installing and running Nuxtship follows the standard Nuxt 3 workflow. First, install dependencies using your preferred package manager (npm, pnpm, yarn, or bun). Start the development server with npm run dev to see changes live at http://localhost:3000. Build the production bundle with npm run build, then preview it locally with npm run preview before deploying.
Pricing
Nuxtship is free to use. There are no paid tiers or premium features; the author accepts voluntary donations via Ko-fi (https://ko-fi.com/S6S61UF5VE) and PayPal (https://www.paypal.com/paypalme/jakobaichmayr).
Alternatives
The most direct alternative is Astroship, the Astro-based template from which Nuxtship is forked. It uses the Astro framework instead of Nuxt, which may suit teams preferring Astro's islands architecture.
FAQ
Is Nuxtship free?
Yes, Nuxtship is a free starter template. There is no licensing fee, and the author accepts optional donations via Ko-fi or PayPal.
What tech stack does Nuxtship use?
Nuxtship is built with Nuxt 3 (a Vue.js framework) and TailwindCSS for styling. It supports npm, pnpm, yarn, and bun as package managers.
How do I install and run Nuxtship?
Clone the repository, then run npm install (or the equivalent for your package manager). Start development with npm run dev, build for production with npm run build, and preview with npm run preview.
What is the origin of Nuxtship?
Nuxtship is a Nuxt 3 port of Astroship, a landing-page template originally built with Astro by Web3Templates. It was forked from the Astroship repository to create a Nuxt-version.
Where can I see a live demo?
A live demo of Nuxtship is available at https://nuxtship.pages.dev/.
