SlipstreamUI
DocsComponentsTemplatesChangelog
GitHub

Getting Started

  • Introduction
  • Installation
  • Theming

AI-First

  • COMPONENT_MANIFEST
  • CLI
  • Patterns
  • Templates
  • MCP Server

Components

  • Overview
  • Button
  • Input
  • Badge
  • Avatar
  • Spinner
  • Select
  • Toast
  • Dialog
  • Message
  • Response
  • CodeBlock
  • Conversation
  • PromptInput
  • Reasoning
  • ToolCall
  • Confirmation
  • Sources
  • InlineCitation
  • Suggestions
  • ChainThought
  • StreamingIndicator
  • Branch
  • Attachment
  • MessageActions
  • CommandPalette
IntroductionInstallationThemingCOMPONENT_MANIFESTCLIPatternsTemplatesMCP ServerOverviewButtonInputBadgeAvatarSpinnerSelectToastDialogMessageResponseCodeBlockConversationPromptInputReasoningToolCallConfirmationSourcesInlineCitationSuggestionsChainThoughtStreamingIndicatorBranchAttachmentMessageActionsCommandPalette

Components

Explore all available Slipstream UI components with their documentation and examples.

Core Components

Base UI components (atoms and molecules) from @slipstream-ui/core

Button

atom

Clickable button with variants

Input

atom

Text input with HTML input support

Badge

atom

Status indicator for tags and counts

Avatar

atom

User profile image with fallback

Spinner

atom

Accessible loading indicator

AI Components

AI interaction components from @slipstream-ui/ai

Message

molecule

Chat message with role styling, streaming, and custom rendering

Response

molecule

Streaming-safe markdown renderer

CodeBlock

atom

Highlighted code with copy button

Conversation

organism

Message list with auto-scroll

PromptInput

molecule

Chat input with auto-resize and stop-generation

Reasoning

molecule

AI reasoning steps display

ToolCall

molecule

Tool call status, results, and errors

Confirmation

molecule

Human-in-the-loop approval gate

Sources

molecule

Citations and references for AI responses

InlineCitation

atom

Inline hover-citation chip

Suggestions

molecule

Clickable follow-up prompts

ChainThought

molecule

Ordered agent reasoning steps

StreamingIndicator

atom

Streaming and generating state

Branch

atom

Variant navigation for branched messages

Attachment

molecule

File chips with upload status and remove actions

MessageActions

atom

Copy, feedback ratings, and regenerate toolbar