suiss/ui
  • Docs
  • Components
  • Patterns
  • Interactions
  • Charts
  • Blocks
  • AI
GitHubCreate
DocsComponentsPatternsInteractionsChartsBlocksAICreate
AI21
  • Overview
Conversation
  • Chat
  • Message
  • Prompt Input
  • Suggestion
  • Model Selector
  • Context
  • Checkpoint
  • Inline Citation
Agent steps
  • Chain of Thought
  • Reasoning
  • Tool
  • Confirmation
  • Task
  • Plan
  • Queue
  • Subagent
  • Sources
Output
  • Terminal
  • Stack Trace
  • Test Results
  • File Tree

suiss/ui

AI

21 patterns for agent and chat interfaces, built from Trace, Message, Bubble, Code Block and the other suiss/ui components.

Each pattern is a composition of suiss/ui components that you copy into your project. There is no extra package to install, and the patterns work with any model or SDK.

A Chat is a list of Message turns inside a Message Scroller. The steps an agent takes inside a turn, such as Reasoning, Tool and Plan, are built on Trace, so every step has the same shape.

Conversation · 08

  • Chat
  • Message
  • Prompt Input
  • Suggestion
  • Model Selector
  • Context
  • Checkpoint
  • Inline Citation

Agent steps · 09

  • Chain of Thought
  • Reasoning
  • Tool
  • Confirmation
  • Task
  • Plan
  • Queue
  • Subagent
  • Sources

Output · 04

  • Terminal
  • Stack Trace
  • Test Results
  • File Tree
NextChatPreviousVerify Email