SaaS / AI chat assistant website template built with HTML + Tailwind CSS
HTMLSaaSStarter
html-contrastai-starter — HTML SaaS Template
By oeaksoy
Contrast AI is a SaaS and AI chat assistant website template built with HTML and Tailwind CSS; the starter version in the repository includes only the homepage.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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.
The starter version in the repository includes only the homepage; full pages require registration on the author's website
Pages are organized as Pug template files, with source in ./src/pug
Provides npm run watch for live preview and npm run build for production builds
MIT license, permitting free use, modification, commercial use, and distribution of this version's code
Template Details
This template targets AI chat assistant SaaS products, is built with HTML and Tailwind CSS, and organizes source code as Pug template files. The starter version in the repository provides only the homepage; the README states that the full version also includes About Us, Pricing, Blog, Contact Us, Login, and Register pages, but these must be obtained by registering on the author's website and subscribing to the mailing list, and are not in this repository.
The project source is in the ./src directory, static assets are in ./src/assets, Tailwind configuration is in ./src/tailwind, and page templates are .pug files under ./src/pug. The build process uses npm scripts: npm install installs dependencies, npm run watch starts a development server with Browsersync live preview, and npm run build generates a production build; note that npm commands overwrite the ./public directory.
Regarding licensing, the repository uses the MIT license, permitting free use, modification, commercial use, and distribution of this version's code, provided the copyright notice and the full MIT license notice are retained when distributing. Demo images come from Unsplash, and screenshot and logo placeholder assets come from Figma Community; these third-party assets must be checked separately under their respective licenses. External services such as domain, hosting, database, payment, or AI may incur separate charges.
HTMLSaaSStarter
Is it right for your project?
Use Cases
- Building a homepage for an AI chat assistant or conversational product website
- Serving as a starting point for page development with a Tailwind CSS and Pug workflow
- Evaluating the template's visual and structural style before obtaining the full version
Suitable For
- Front-end developers who need a landing page for an AI chat assistant SaaS
- Website projects using a Tailwind CSS and Pug stack
- Teams that want to modify code under the MIT license
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Run npm install to install dependencies
- 2
Use npm run watch to start a development server with live preview, or npm run build to generate a production build
- 3
npm commands overwrite the ./public directory; note its contents before building
- 4
Placeholder images in ./src/assets must be replaced with your own assets
- 5
The full template must be downloaded after registering on the author's website and subscribing to the mailing list; it is not in this repository
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is this 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 an account on the author's website and subscribing to the mailing list to download for free, and are not in this repository.
- Demo images come from Unsplash, and screenshot and logo placeholder assets come from Figma Community; these third-party assets are not licensed together with the MIT code license and must be checked separately under their respective licenses before use.
- 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 separate 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
https://github.com/oeaksoy/html-contrastai-starter/blob/main/LICENSE.mdhttps://github.com/oeaksoy/html-contrastai-starter/blob/main/README.mdImage placeholders from https://unsplash.com/ Screenshot & Logo placeholders from https://www.figma.com/community
Original README
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: ab3ec861ef6d8a153aa0d1bdc1eaef979d222a89e97dddb749e38feb96c6b865
2026-10-02T22:37:42.676Z
Source file / repository# Contrast AI - HTML Tailwind CSS SaaS Application Template ## Description Contrast AI is a cutting-edge HTML Tailwind CSS template crafted for AI-powered chat assistant applications. This template provides a sophisticated interface to facilitate intelligent conversations, automate responses, and enhance user engagement. It includes essential pages such as the Homepage, About, Pricing, Blog, Contact, Login, and Register pages, making it a complete package for your AI-driven platform 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-contrastai-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/contrast-ai-tailwind-html-website-template)  ## 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
Explore similar templates
Compare previews and descriptions within the same stack and category.
startbootstrap-simple-sidebar
A Bootstrap off-canvas sidebar navigation HTML starter template from Start Bootstrap. It provides directly editable HTML and CSS in the dist directory, while the source uses Pug, SCSS, and JavaScript with npm build scripts for live preview and compilation.
HTML · Starter
adminkit
AdminKit is a free, MIT-licensed HTML admin and dashboard template built on Bootstrap 5. The free version includes 15 demo pages, 1 plugin, and 1 color scheme, with hundreds of UI components, forms, tables, charts, and icons.
HTML · Admin dashboard
Landing-Page
A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.
HTML · Corporate Website
light-bootstrap-dashboard
Light Bootstrap Dashboard is a free, MIT-licensed admin dashboard template from Creative Tim, built on Bootstrap with a responsive static HTML structure.
HTML · Admin dashboard
sing-app
Sing App Lite is a free, open-source admin dashboard template from Flatlogic, built with Bootstrap 4.5 and SCSS. It provides a responsive layout, dashboard examples, typography, tables, notifications, basic charts, icons, maps, and a hover sidebar, along with styled Bootstrap components.
HTML · Admin dashboard
play-tailwind
Play is a free and open source Tailwind CSS template from TailGrids and UIdeck, built with HTML and TailGrids UI components for SaaS, startup, app and business websites.
HTML · SaaS