Clearwave

Clearwave is a free SaaS landing page template built with pure HTML, CSS, and JavaScript — no frameworks, no dependencies — published by Templatemo for one-page marketing sites. It delivers a calm, editorial look with a seafoam and deep teal palette, pairing DM Sans body text with Playfair Display italic hero moments, and all transitions use a silk easing cubic-bezier(0.16, 1, 0.3, 1) curve. The template centers on an interactive 3D phone screenshot carousel with perspective depth, autoplay, touch swipe, and a 5-step zoom control, surrounded by every section a modern SaaS product page needs.

What is Clearwave Template?

Clearwave is a free one-page SaaS landing page template from Templatemo, written in pure HTML, CSS, and JavaScript with no external frameworks or dependencies. It takes static content such as app screenshots, feature lists, pricing tiers, testimonials, and integration logos and renders them into a fully responsive landing page with a 3D phone carousel, animated counters, and an accessible FAQ accordion. The download is a ZIP containing one HTML file plus separate CSS and JS files, usable on any static web host without a build step. Templatemo provides a live view and a full-size screenshot for preview.

Key Features

• Zero-dependency stack — Delivered as a single HTML file plus separate CSS and JS files; no frameworks, libraries, or build tools required, so it runs on any static host.
• 3D phone screenshot carousel — RotateY perspective depth with side-card rotation, autoplay that pauses on hover, touch swipe support, and a 5-step zoom control to adjust phone size on any screen.
• Pricing toggle with discount math — Monthly/annual toggle applies a 35% discount, shows the annual total, and is handled entirely in client-side JavaScript.
• Dashboard hero with animated badges — Hero section includes a live dashboard mockup plus animated floating badges and stat counters triggered by Intersection Observer on scroll.
• Masonry testimonials and integration cloud — Masonry grid with a tall featured card and a flex-wrap pill cloud of 16 integration tool logos.
• Accessible FAQ accordion — CSS Grid accordion with an expand-all toggle and keyboard accessibility.
• Full responsive layout and mobile menu — Responsive across desktop, tablet, and mobile with a full-screen staggered mobile menu and scroll-reveal animations on all sections.
• Free for commercial and personal use — No stated license restrictions; the site states it is free to download, edit, and use.

Who is it for?

• SaaS founders launching a new product can use the dashboard hero, pricing toggle, and testimonial grid to create a conversion-focused landing page quickly.
• Digital marketing agencies can repurpose the one-page layout for client campaigns, swapping content via the separate CSS and JS files.
• Front-end developers who prefer framework-free, vanilla code can customize all sections directly without a build setup.
• UI designers can use the seafoam/teal palette and Playfair Display typography as a distinctive base for a premium software brand.

What can you do with Clearwave?

SaaS founders: showcase a product with a 3D phone carousel, animated metrics, and an annual/monthly pricing toggle that calculates the 35% discount automatically. Marketing teams: publish a landing page with an integration pill cloud of 16 tools, masonry testimonials, and a full-width CTA banner with a radial teal glow. Bloggers and online businesses: build a one-page website with a hero, features, pricing, testimonials, FAQ, and footer social icons (X, LinkedIn, YouTube, TikTok) without writing server-side code. Agencies: use the accessible FAQ accordion and mobile menu to deliver a fully responsive, keyboard-friendly site to clients.

Pricing

Clearwave is 100% free to download and use for both personal and commercial projects. The Templatemo page states that you are allowed to download, edit, and use the layout without paying, though sharing the template with friends is requested.

Alternatives

Tooplate, another free HTML template site that offers a similar library of layouts.

FAQ

Is Clearwave free?

Yes. Templatemo states the template is 100% free to download for anyone, and it can be used for commercial or non-commercial sites. You are allowed to download, edit, and use the layout without charge.

Does Clearwave require a framework or build tool?

No. It is built with pure HTML, CSS, and JavaScript only, with no frameworks or dependencies. The ZIP includes a single HTML file plus separate CSS and JS files, so it runs directly on any static host.

Is Clearwave responsive?

Yes. The page says it is fully responsive across desktop, tablet, and mobile, and includes a full-screen mobile menu with staggered entrance and overflow-y scroll.

Can I customize the carousel zoom?

Yes. The 3D phone screenshot carousel includes a 5-step zoom control that ranges from compact to large, letting visitors or you adjust the on-screen phone size.

What sections are included in the template?

Clearwave includes a dashboard hero with animated badges, stat counters, three alternating feature rows, a monthly/annual pricing toggle with a 35% discount, masonry testimonials, a 16-tool integration pill cloud, a CSS Grid FAQ accordion, a full-width dark CTA banner, and a 4-column footer with social icons.