AI chat templates for SaaS products, developer tools, and web apps. A full chat interface, a floating chat widget, a copilot side panel, an inline help card, a command bar, and a support sidebar, so you can compare chat at every size before you build. Every template is plain HTML and CSS, so paste one into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor and connect it to your own model.
Frequently asked questions
What is an AI chat template?
A ready made chat surface for a product: the message list, the input, the suggestions, and the states around them. BrowserMoon chat templates cover the full screen interface and the compact widget versions, in one visual style.
Do these chat templates answer questions?
No. They are the interface, with example messages in place. Paste one into your AI coding tool and ask it to connect your model, whether that is a Claude, OpenAI, or your own endpoint, and it wires the input and the message list to your API.
Which chat form factor should I use?
A floating widget suits help and support, a side panel suits a copilot that works alongside the page, a command bar suits keyboard driven products, and an inline card suits documentation. Compare them here before committing to one.
Which vibe coding tools work with these chat templates?
All of them. Paste any chat template into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor and describe your product. The tool rewrites the copy and connects the input while the design holds.
Works with any vibe coding tool