Framed viewer for generated artifacts with a title bar, content area, and actions.
ReactTailwind
Vercel
29 items1 collectionvercel.comGitHubX
Editor
Node-based workspace for arranging and connecting steps in a workflow.
ReactTailwind
Collapsible list for presenting intermediate reasoning steps and their status.
ReactTailwindList
Restore point in a conversation with an action for returning to that state.
ReactTailwindFeedback
Syntax-highlighted code display with language labels and a copy action.
ReactTailwind
Approval prompt for a tool action with accept, reject, and resolved states.
ReactTailwindFeedback
Editor
Interactive connector for linking nodes in a workflow editor.
ReactTailwind
Token-usage indicator that shows how much of a model's context window is in use.
ReactTailwindTooltip
Button
Compact control group for navigating and managing a node-based workspace.
ReactTailwind
Scrollable message thread that follows new content and offers a jump-to-latest control.
ReactTailwindList
Media
Generated-image display with loading, error, and completed states.
ReactTailwind
Source reference embedded in text with details available in a tooltip.
ReactTailwindTooltip
User and assistant message layout with streamed content and response actions.
ReactTailwindCard
Searchable menu for choosing a language model before sending a prompt.
ReactTailwind
Card
Structured workflow node with connection handles, a header, and content slots.
ReactTailwind
Share menu for opening content in supported AI chat services.
ReactTailwind
Card
Overlay panel for controls or details within a node-based workspace.
ReactTailwind
Chat
Progress list for a multi-step plan with pending, active, and completed states.
ReactTailwindList
Chat composer with attachments, model controls, and submit and stop actions.
ReactTailwind
Chat
Editable list of prompts waiting to be sent, with controls to reorder or remove them.
ReactTailwindList
Collapsible reasoning display with streaming and completed states.
ReactTailwindFeedback
Animated
Animated text shimmer for streamed output and loading labels.
ReactTailwind
Collapsible source list for links and references used in a response.
ReactTailwindList
Prompt suggestion chips that place a prepared query into the conversation.
ReactTailwind
Chat
Expandable task row with status, description, and supporting details.
ReactTailwindList
Chat
Tool-call card that presents input, output, and execution status in a conversation.
ReactTailwind
Browser-style preview pane with an address bar, loading state, and page controls.
ReactTailwindCard