The Catalyst is a free single-page SaaS landing page template from TemplateMo that combines a light-mode layout with a fully coded dashboard mockup, built entirely with vanilla HTML, CSS, and JavaScript.
What is The Catalyst?
The Catalyst is a free HTML CSS JavaScript website template designed as a one-page marketing site for SaaS products. It takes plain text and image-free content and outputs a complete landing page featuring a dashboard preview, speed metrics, pricing toggle, FAQ accordion, CTA banner, and footer. The template runs directly in any browser with no build step, and TemplateMo licenses it for free commercial and non-commercial use.
Key Features
- Coded dashboard mockup — data tables, stat cards, and status badges rendered in pure HTML and CSS, with zero image assets.
- Seven page sections — hero with fading dashboard preview, bold speed metrics with tabular numbers, a 3-card bento feature grid with mini visualizations, an interactive pricing table with monthly/yearly toggle and 25% discount badge, an FAQ accordion with expand/collapse all controls, a dark CTA banner, and a multi-column footer.
- Vanilla stack — no frameworks, no dependencies, no build steps, just HTML, CSS, and JavaScript files you can edit in any text editor.
- Inter typography — tight letter-spacing in the Inter font gives the interface a dense, Apple-like software feel.
- Scroll reveals — IntersectionObserver triggers animations on scroll, with a reduced-motion fallback for users who prefer less motion.
- Responsive mobile menu — navigation collapses into a mobile-friendly menu on small screens.
- Acid Yellow accents — the accent color on buttons and highlights delivers a sharp offset shadow on hover for a tactile interaction.
Who is it for?
- SaaS founders — launch a polished landing page for an analytics platform or developer tool without hiring a designer or touching a framework.
- Startup marketers — edit the pricing table and FAQ sections to communicate product value and handle customer objections.
- Front-end developers — customize the plain HTML, CSS, and JS files directly with no build tooling or dependency setup.
What can you do with The Catalyst?
- SaaS product teams: showcase a product dashboard with data tables and stat cards on the hero and feature sections.
- Analytics platforms: use the bento feature grid with mini visualizations to highlight charting and reporting capabilities.
- Developer tool startups: deploy the static files to any web host to launch a fast, lightweight landing page for a new tool or API.
Pricing
The Catalyst is 100% free to download from TemplateMo. The license allows you to download, edit, and use the layout on commercial or non-commercial websites.
FAQ
Is The Catalyst free for commercial use?
Yes. TemplateMo states the template is free to download and may be used for commercial or non-commercial sites. You can edit the files as needed.
Does The Catalyst use a framework or require a build step?
No. It is built with vanilla HTML, CSS, and JavaScript. Open the downloaded folder in a browser or upload the files to any static host — no npm, no bundler, no build process.
