Patterns
Chat window
It scales and unblurs together out of the bottom right, opens on suggestion pills rather than an empty box, and streams its reply character by character. Assistant text sits naked on the canvas and only the human's words get a surface, which is the inversion that keeps a long answer from reading as a wall of bubbles.
npx shadcn@latest add @minflow/chatWhere to use it
- An assistant that should stay reachable while the reader keeps working on the page behind it.
- Support and copilot surfaces bolted onto an existing product.
- Never as the main surface of an assistant-first product; that conversation deserves the whole viewport.
Variations
Standard
The default window. Empty state, suggestion pills, streaming reply, and a context chip above the input.
Scoped to a context
When the assistant answers about one project or document. Name it in the title and the context chip so the reader can see the scope without asking what the assistant can see.