HTMLSaaSStarter

html-cooperative-starter — HTML SaaS Template

By oeaksoy

Cooperative is a SaaS and business website template built with HTML and Tailwind CSS. The repository provides a starter version containing only the homepage; the full pages require registration on the author's site and subscribing to the mailing list.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

SaaS and business website template built with HTML and Tailwind CSS

02

The starter version in the repository includes only the homepage

03

The full version includes About, Pricing, Blog, Contact, Login, and Register pages, available by registering and subscribing to the mailing list

04

Pages are organized as separate .pug files, with source code in the ./src directory

05

Provides npm run watch for live preview and npm run build for production builds

06

Code is under the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

This template targets SaaS and business websites and is built with HTML and Tailwind CSS. The starter version in the repository includes only the homepage. Pages such as About, Pricing, Blog, Contact, Login, and Register exist only in the full version, which can be downloaded for free after registering on the author's website and joining the mailing list.

The source code is located in the ./src directory: ./src/assets holds default static files (such as image placeholders), ./src/tailwind holds the Tailwind configuration files used to build the theme, and pages are stored as separate .pug files under ./src/pug. The README states that npm commands overwrite the ./public directory and provides three operations: npm install, npm run watch (Browsersync live preview), and npm run build.

Image placeholders in the template come from Unsplash, and screenshot and logo placeholders come from the Figma community. These third-party assets must be checked separately under their respective licenses. The code is under the MIT license, allowing free use, modification, commercial use, and distribution, but when distributing copies or substantial portions of the code, the copyright notice and the full MIT license notice must be retained.

HTMLSaaSStarter

Is it right for your project?

Use Cases

  • Building a homepage prototype for a SaaS or business product
  • Quickly starting a static site within a Tailwind CSS workflow
  • Using as a reference project to learn the Pug and Tailwind build process
  • Evaluating the template's homepage design and code structure before obtaining the full version

Suitable For

  • Front-end developers who need an HTML and Tailwind CSS starter template
  • Teams looking to quickly build a SaaS or business website homepage
  • Users willing to register and subscribe to the mailing list to obtain the full template

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Run npm install to install dependencies

  2. 2

    Run npm run watch to start the Browsersync development server with live preview

  3. 3

    Run npm run build to generate a production build; note that npm commands overwrite the ./public directory

  4. 4

    Page templates are in ./src/pug, static assets in ./src/assets, and Tailwind configuration in ./src/tailwind

  5. 5

    Replace placeholder assets such as images before use, and check the licenses of third-party assets from Unsplash, Figma, and others

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; 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

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full 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 starter version in the repository includes only the homepage; full pages such as About, Pricing, Blog, Contact, Login, and Register require registering on the author's website and subscribing to the mailing list to obtain for free. Unregistered users cannot obtain the full template.
  • Image placeholders in the template come from Unsplash, and screenshot and logo placeholders come from the Figma community. These third-party assets are not covered by the MIT code license and must be checked and used in compliance with their respective license terms.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

The full template is available for free to users who are registered on my website and signed up to my mailing list.

Original README

Image placeholders from https://unsplash.com/ Screenshot & Logo placeholders from https://www.figma.com/community

Original README
https://github.com/oeaksoy/html-cooperative-starter/blob/main/LICENSE.mdhttps://github.com/oeaksoy/html-cooperative-starter/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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
GitHub
Documentation and maintenance reference score
More documented · 79 / 100
Technologies
HTML
Website type
SaaS · 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
2024-12-09
Screenshot last checked
2026-10-02

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 HTML 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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: d88297308256cb3ad2952bdc24506d15030b0dff56accfb99b74fcdda9c3a192

2026-10-02T22:34:18.312Z

Source file / repository
# Cooperative - HTML Tailwind CSS SaaS Application Template

## Description

Cooperative is an elegant HTML Tailwind CSS template designed specifically for podcast creators and enthusiasts. This template streamlines the process of recording, uploading, and managing podcasts, offering a seamless experience for both novice and experienced podcasters. It includes crucial pages such as the Homepage, About, Pricing, Blog, Contact, Login, and Register pages, ensuring a comprehensive platform for your podcasting needs.

This template is created using Tailwind CSS version 3, a utility-first CSS framework. It offers flexibility and control, making it easy to customize and build responsive, modern web designs efficiently.

> [Click here to view demo](https://html-cooperative-full.vercel.app/)

> **Important:** You are currently viewing only the starter template, which includes only the homepage. The full template is available for free to users who are registered on my website and signed up to my mailing list.
> [Click here to download the full template](https://pixelrocket.store/free-templates/html-templates/cooperative-tailwind-html-website-template)

![Template Image](https://pixelrocket-public-assets.s3.eu-west-2.amazonaws.com/github-assets/cooperative.png)




## Pages
- Homepage
- About Us (full version only)
- Pricing (full version only)
- Blog (full version only)
- Contact Us (full version only)
- Login (full version only)
- Register (full version only)


## 1. Getting Started

NOTE: npm commands overwrite the ./public directory.

Project's source files are placed in ./src/ directory. 
* ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
* ./src/tailwind/ - Tailwind config file used to build the theme. Variables used in Theme Customizer are located in tailwind.config.js file.

All your pages (templates) are stored in separated .pug files
* ./src/pug/*.pug 

## 2. Installation

```
# Install dependencies
npm install 

# Run dev server with live preview (Browsersync)
npm run watch

# Or make a production build 
npm run build
```

## 3. Contact

If you have have any questions, feel free to contact me:

[email protected]

## 4. Learn Frontend Web Development

Want to learn frontend web development so you can build templates like this one? Visit my site: https://www.pixelrocket.store for a range of frontend web development learning resources and courses.

## 5. Credits & Special thanks

Image placeholders from https://unsplash.com/
Screenshot & Logo placeholders from https://www.figma.com/community
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.