AI agent apps
Agent products need people to stay in charge: show what the agent is doing, let people approve risky steps, and make it easy to check sources. These components cover the conversation and the work around it.
npx shadcn@latest add https://ui.tealmac.com/r/ai-chat.json https://ui.tealmac.com/r/ai-message.json https://ui.tealmac.com/r/prompt-input.jsonPro flagship
ProA full AI assistant workspace: threads, streaming replies, tools and a prompt library, ready to connect to your model.
Components
Free, MIT licensed, one install each.
AI Chat
ComponentFreeA chat layout with a message log that stays scrolled to the newest message while replies stream, a jump-to-latest button, an empty state with suggestions and a footer for the input.
AI Message
ComponentFreeA chat message with user, assistant and system roles, an avatar slot, an actions row with a copy button and a timestamp.
Prompt Input
ComponentFreeA chat composer with an auto-growing textarea, file attachments and a send button that turns into Stop while a reply streams.
Streaming Text
ComponentFreeText that shows a blinking caret while a reply arrives, and can type out finished text at a set speed for demos and replays.
Reasoning Disclosure
ComponentFreeA collapsible panel for a model's reasoning that opens while it thinks and collapses to "Thought for 12s" when done.
Tool Call Card
ComponentFreeA collapsible card for one AI tool call, showing its name, status and duration, with the input and result as formatted JSON.
Citation
ComponentFreeAn inline source marker for AI answers, shown as a numbered chip or a site pill, that opens a preview card with the title, excerpt and link on hover or focus.
Model Picker
ComponentFreeA searchable model selector grouped by provider, with capability icons, locked models and a detail pane showing context window, cost and capabilities.
Thinking Indicator
ComponentFreeA status line for an assistant that is working, with dots, bars, wave or shimmer animation, rotating labels and an optional timer.
Blocks
Whole sections, composed from the components.
AI chat workspace
BlockFreeA full chat app pane with a conversation list, model picker, reasoning, tool calls, streaming replies and a prompt with attachments.
AI chat with artifact panel
BlockFreeA chat that builds things: conversation list, streaming replies, suggestion chips and a side panel with preview, code, versions, copy and download.
Templates
Complete pages to start from.
Agent console
TemplateProA colourful 2026 Application UI from tealmac UI components — a live agent run console with a step timeline, tool-call cards, a streaming token/cost meter, and a gradient status header in aurora violet and sky tones.
AI copilot
TemplateProA colourful 2026 Application UI from tealmac UI components — an AI copilot chat workspace with a streamed-looking reply thread, inline citations, suggestion chips, and a context panel in aurora violet-to-fuchsia gradients.
Muse AI chat app
TemplateFreeA calm five-page AI assistant: a chat with streamed replies, reasoning and citations, a fresh new-chat screen with suggestions, projects with instructions and files, a library of everything it made, and reading and memory settings.
Prompt lab
TemplateProA colourful 2026 Application UI from tealmac UI components — a prompt-engineering lab with a live editor, model picker, parameter sliders, a streamed response panel, and a run history rail, built in rich violet-to-sky gradients.
Guidance
Stream, but announce calmly
Render tokens as they arrive, but announce the finished message once rather than every word to screen readers.
Make actions reviewable
Show tool calls with their inputs and results, and require approval for anything that spends money or changes data.
Cite sources
Link claims to their sources so people can check them. Citation and Sources List give you the pattern.































