GitHub - hannah-wright/saas-landing-page-template: Free SaaS landing page template in React, Vue, and HTML on Tailwind CSS. Drop it into Claude Code, Cursor, or Codex. · GitHub
/" data-turbo-transient="true" />
Skip to content
Search or jump to...
Search code, repositories, users, issues, pull requests...
-->
Search
Clear
Search syntax tips
Provide feedback
--><br>We read every piece of feedback, and take your input very seriously.
Include my email address so I can be contacted
Cancel
Submit feedback
Saved searches
Use saved searches to filter your results more quickly
-->
Name
Query
To see all available qualifiers, see our documentation.
Cancel
Create saved search
Sign in
/;ref_cta:Sign up;ref_loc:header logged out"}"<br>Sign up
Appearance settings
Resetting focus
You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
{{ message }}
hannah-wright
saas-landing-page-template
Public
Notifications<br>You must be signed in to change notification settings
Fork
Star
main
BranchesTags
Go to file
CodeOpen more actions menu
Folders and files<br>NameNameLast commit message<br>Last commit date<br>Latest commit
History<br>1 Commit<br>1 Commit
html
html
react
react
vue
vue
.gitignore
.gitignore
LICENSE
LICENSE
README.md
README.md
SaaS-landing-page-template.png
SaaS-landing-page-template.png
globals.css
globals.css
View all files
Repository files navigation
Free SaaS Landing Page Template (React, Vue & HTML)
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.
Quick start
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.
Use it with Claude Code, Cursor, or Codex
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.
Frameworks
HTML
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
react/DevTools.tsx is a single component with no required props:
}">import { DevTools } from "./DevTools";
export default function App() {<br>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
vue/DevTools.vue is a single-file component:
import DevTools from "./DevTools.vue";
">script setup><br>import DevTools from "./DevTools.vue";<br>script>
template><br>DevTools /><br>template>
Import vue/globals.css once for the tokens.
What's included
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
Get the full set: 9 templates + the design system
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 →
Built for people shipping with AI coding tools:
Claude Code templates
Cursor templates
Codex templates
License
MIT. Free to use in personal and commercial projects. See LICENSE.
Made by SaaS Design.
About
Free SaaS landing page template in React, Vue, and HTML on Tailwind CSS. Drop it into Claude Code, Cursor, or Codex.
Topics
react
html
template
landing-page
vue
nextjs
saas
astro
startup
developer-tools
cursor
website-template
saas-template
tailwind
tailwindcss
free-template
ui-template
landing-page-template
saas-landing-page
claude-code
Resources
Readme
License
MIT license
Uh oh!
There was an error while loading. Please reload this page.
Activity
Stars
star
Watchers
watching
Forks
forks
Report repository
Releases
No releases published
Packages
Uh oh!
There was an error while loading. Please reload this page.
Contributors
Uh oh!
There was an error while loading. Please reload this...