UI LAB · CHAT PATTERNS

Chat interfaces, taken apart and ready to reuse.

Every pattern here was observed in a shipping chat or assistant product. Open one for its anatomy, states and pitfalls, a live demo, and a snippet you can paste into a page or hand to an agent.

Copy as HTML, CSS, JS or one fileAgent brief in Markdown per patternMachine-readable: llms.txt

Loading patterns…

Observations name the product and the date they were checked. Products change; the pattern record is what was true that day. Snippets are original code, not copies.

Pattern

Open full size