# Show HN: SaaS landing page template (React/Vue/HTML, Tailwind), free and MIT

> Source: <https://github.com/hannah-wright/saas-landing-page-template>
> Published: 2026-06-29 01:54:05+00:00

A clean, production-ready **SaaS landing page template** built on **Tailwind CSS**, in **React, Vue, and plain HTML**. This is the "DevTools" theme: a crisp, monochrome developer-tool style with a full multi-page layout (home, features, docs, pricing, changelog, blog, about, careers, contact, and legal pages).

Free and MIT licensed. Use it in personal and commercial projects.

The fastest way to see it: open ** html/index.html** in your browser. No build step, no install. It loads Tailwind from a CDN and renders the full template.

For a real project, use the React or Vue component below.

This template is built to hand straight to an AI coding agent. Drop the folder next to your project and ask, for example:

```
Add this SaaS landing page template to my app using the React version.
```

Your agent copies the component in and wires up the Tailwind tokens from `globals.css`

.

Open `html/index.html`

as-is, or copy the markup into your own page. It needs Tailwind CSS v4 and the tokens in `globals.css`

. The standalone file already includes both, so it works on its own.

`react/DevTools.tsx`

is a single component with no required props:

``` js
import { DevTools } from "./DevTools";

export default function App() {
  return <DevTools />;
}
```

Set up Tailwind CSS v4 and import `react/globals.css`

once (it defines the design tokens). The component uses inline SVGs, so there are no icon dependencies.

`vue/DevTools.vue`

is a single-file component:

``` python
<script setup>
import DevTools from "./DevTools.vue";
</script>

<template>
  <DevTools />
</template>
```

Import `vue/globals.css`

once for the tokens.

- Eleven pages wired into one template: Home, Features, Docs, Pricing, Changelog, Blog, Post, About, Careers, Contact, and legal
- Light and dark mode from one set of tokens (add the
`dark`

class to a parent element) - Fully responsive, semantic markup
- One design-token file (
`globals.css`

) so the whole look is tunable from one place

This is **1 of 9** landing page templates from ** SaaS Design**. The full set also includes the complete app UI (dashboards, data tables, settings, billing, auth, and onboarding) and the design system behind it, all as React, Vue, and HTML code you own.

[See all 9 templates and the design system →](https://www.saasdesign.io/pricing/)

Built for people shipping with AI coding tools:

MIT. Free to use in personal and commercial projects. See [LICENSE](/hannah-wright/saas-landing-page-template/blob/main/LICENSE).

Made by [SaaS Design](https://www.saasdesign.io).