6 templates · Use case
AI agent website templates
Templates for products where an AI agent does the work: sends the email, books the meeting, answers the ticket, reviews the change. Each one shows the agent working and the human staying in control.
People buying an AI agent want to know two things before anything else: what it will do on its own, and how they stop it. A site for an agent product has to answer both on the home page, and the clearest way is to show it. These templates do that with working mock-ups: a reply arrives, the agent drafts an answer, it waits, the visitor presses Approve, and it sends.
Beyond the home page they include the pages agent buyers look for: how the agent works step by step, permissions and rules, an activity log, a comparison with doing the job by hand or hiring for it, and a security page. Which template fits depends on where your agent works: the inbox, outbound sales, support, code or a developer platform.
Matched by where the agent works
- Tidewell: In the inbox: it sorts replies, drafts in the team's voice, asks before sending and books the meeting. The home page mock-up lets visitors approve a draft themselves, and a trust page has a live rules editor.
- Foray: In outbound sales: an AI SDR whose every email waits for a person. It adds a morning queue with keyboard shortcuts, a reply thread that books a slot and a deliverability page.
- Relay: On a developer platform: agents and workflows defined in code, with an example-run player that steps through a run and integrations for the tools agents call.
- Merrow: In customer support: answers from the help center and past tickets, and hands over to a person when it isn't sure. The hand-off is the centrepiece mock-up.
- Foldline: In code review: a coding agent edits a screen, checks run, a reviewer approves and the change merges, all on one canvas.
- Halden: In a lab that ships an agent app next to an API: the agent mock-up works through a task, and an eval run and a review queue show how it is checked.
What's included
| Template | Pages | Ready today | Start-here guide | Extras ready | Price | Live preview |
|---|---|---|---|---|---|---|
| Tidewell AI inbox and sales agent | 29 | HTML | Yes | None yet | $79 | Open the Tidewell demo (opens in a new tab) |
| Foray AI SDR and sales agent | 29 | HTML | Yes | None yet | $79 | Open the Foray demo (opens in a new tab) |
| Relay AI agent platform | 31 | HTML, Prompt pack | Yes | Product UI kit | $79 | Open the Relay demo (opens in a new tab) |
| Merrow AI support assistant | 30 | HTML, Prompt pack | Yes | None yet | $79 | Open the Merrow demo (opens in a new tab) |
| Foldline AI code review | 29 | HTML | Yes | Product UI kit | $79 | Open the Foldline demo (opens in a new tab) |
| Halden Applied AI lab | 27 | HTML | Yes | None yet | $79 | Open the Halden demo (opens in a new tab) |
Page counts are the site pages in each demo, not counting the password, 404 and coming-soon screens. Every paid template is one price for every format it ships in.
What an agent product page has to prove
Agent products fail on trust before they fail on features. The pages and patterns below are the ones these templates include, and the ones worth keeping when you rewrite the copy.
- Approval before action, shown working, not described.
- A permissions or rules page: what the agent may do without asking, and what it never does.
- An activity log or run history, so buyers see they can audit it.
- Hand-off to a person, with the moment it happens made visible.
- Honest numbers: a calculator the visitor fills in, rather than a claimed percentage.
Agent template or general AI template?
If your product is a model, an API or a tool a person drives, the wider AI collection has more options. If your product takes actions while nobody is watching, start here: the approval, permission and hand-off pages are the hardest part to design well, and they are already done.
Questions
Do the approval mock-ups really work?
Yes, in the browser. They are HTML and JavaScript: visitors can click Approve or edit a draft and the mock-up moves to the next state. They are demonstrations of your product, not connections to it.
Can I change what the agent does in the mock-up?
Yes. The text, steps and states are in the page markup. Rename the actions, change the email or ticket, and the animation follows.
My agent works somewhere else, like a CRM or a spreadsheet. Which template?
Pick the one whose loop is closest: draft, wait, approve, act is the same pattern in Tidewell and Foray; step-by-step runs with tool calls are Relay's pattern. The pages around the mock-up are the same for any agent.
Do these include an AI chatbot widget?
No. They are marketing sites for agent products. Merrow shows a support conversation as a mock-up, but there is no live chatbot connected.