Skip to content
Vonex Design

Free Framer AI & SaaS template

Harrier

Calm AI and SaaS website template

About

AI & SaaS template for Framer

Explain what your software does, how it works and what changes over time. Harrier brings product features, plan comparisons, a CMS blog and a changelog into a calm editorial website.

Pages
10
CMS
Yes
Formats
Framer, Astro
Updated
Nov 2026

About

Harrier is a free AI and SaaS website template for Framer, made for startups, automation tools and agent platforms. It earns trust with a calm, editorial look instead of loud gradients.

Serif headlines, a warm paper palette and native interface illustrations present your product clearly. An animated agent window opens the page, and a blog and changelog keep your site current after launch.

Why Harrier

  1. A full product website

    Features, Pricing, About, Blog, Changelog and Contact pages are included, so you can launch more than a single landing page.

  2. Blog and changelog in the CMS

    Publish articles and release notes with Framer CMS. Detail pages and their SEO fields fill in automatically.

  3. Clear pricing

    A plan comparison table helps visitors see what each plan includes.

  4. Easy setup

    Global color and text styles make rebranding simple, and a Start Here guide walks you through the template.

Features

  • Responsive on desktop, tablet and phone
  • Animated hero with agent window and floating cards
  • Auto-advancing testimonial switcher
  • Bento features with native UI illustrations
  • CMS Blog
  • CMS Changelog
  • Pricing with plan comparison table
  • FAQ accordion
  • Scroll and text reveal animations
  • Contact form
  • Global color and text styles
  • Start Here setup guide

Pages Included

  1. Home
  2. Features
  3. Pricing
  4. About
  5. Blog
  6. Blog Post (CMS)
  7. Changelog
  8. Changelog Entry (CMS)
  9. Contact
  10. 404

Best For

  • AI startups
  • SaaS websites
  • AI agent platforms
  • Automation tools
  • B2B software
  • Product launches

Good to Know

Replace the sample blog posts, release notes and plan details with your own. Check that your Framer plan covers the CMS collections before you publish.

Framer

Free

Edit the template visually, with no code, and publish it from Framer.

Astro code

$19

Prefer not to use Framer? Harrier also comes as a clean Astro and Tailwind CSS project: the same design, on phone, tablet and desktop, as code you own and host anywhere. It closely follows the Framer design. The README lists the few known differences.

  • Every text, link and price in one file, so you edit content without touching the layout
  • Static build: no framework runtime, deploys to Cloudflare, Netlify, Vercel or your own server
  • README with setup and deploy steps, license and changelog included

Before you publish

Prepare your product screenshots, feature explanations and plan details. Replace the sample blog posts and release notes, then check your CMS needs against your Framer plan.

The free Framer plan publishes on a framer.website address. Your own domain needs a paid site plan, from Basic: see Framer plans, or compare them in Framer pricing explained.

Step by step, with costs: how to use a Framer template. Questions about this template? Write to the author.

Built with Framer

Style

  • Light
  • Modern
  • Minimal

Support

If you have questions about using or customizing the template, write to ponslookdesign@gmail.com or X.

FAQ08 answers

Questions.

Is Harrier free?

Yes. Harrier is a free Framer template: you can remix it into your own Framer account at no cost.

How do I use Harrier?

Open Harrier on Framer Marketplace and press the remix button. The template is copied into your own Framer project, where you replace the text and images, adjust the style and publish it on your domain.

Which pages are included in Harrier?

Harrier includes 10 pages: Home, Features, Pricing, About, Blog, Blog Post (CMS), Changelog, Changelog Entry (CMS), Contact, 404.

Does Harrier have a CMS?

Yes. It is built with Framer CMS (CMS Blog, CMS Changelog), so you can add and edit content without touching the design.

Do I need to know how to code to use Harrier?

No. Everything is edited visually in Framer: text, images, colors, fonts and layout. No code is needed.

Can I get Harrier as code instead of Framer?

Yes. Harrier also comes as a clean Astro and Tailwind CSS project with the same design, for a one-time $19. You get the source files, host them anywhere and edit all the text in one file. It is sold through Contra under the same template license. It is a digital product, so all sales are final: check the live preview before you buy.

Who is Harrier for?

Harrier works best for: AI startups, SaaS websites, AI agent platforms, Automation tools, B2B software, Product launches.

How do I get support for Harrier?

Write to ponslookdesign@gmail.com. Questions about using or customizing the template are welcome.

Free on Framer Marketplace

Get Harrier.

Harrier Framer template: Calm AI and SaaS website template
FreeUse free on Framer