Skip to content
BlazorUI

Documentation

Components

143 components 100% C# MIT licensed

Every component in the library, with what it is for and which package it ships in. Search by name, by the name another library uses for it, or by what you want it to do.

42 components in AI

AI

42 components  ·  Bit.BlazorUI.AI

Chat, streaming, tools, agents and generative UI for AI apps, in the AI package.

AiAgentRunViewAIAn agent's run: its goal, its plan, each step's state and timing, and the question it is waiting on. AiAgentStatusBadgeAIA compact badge for the state of an agent run or one of its steps. AiAgentStepViewAIOne step of an agent's plan, with its state, its timing and its summary or error. AiArtifactPartViewAIMarks the place in a message where it introduced an artifact. AiArtifactViewAICanvasThe panel an artifact lives in: versions, copy, download and full screen around its body. AiAttachmentChipAIFileChipOne attachment as a chip: a thumbnail or a glyph of its kind, its name, its size or its upload progress. AiChatAIChatbot, Assistant, CopilotA complete chat - transcript, composer, empty state and suggestions - over one session. AiChatMessageAIMessageBubbleOne message of a conversation, with its parts, its metadata and its actions. AiCitationMarkerAIThe numbered marker placed where a claim is made, linking it to its source. AiCodeBlockViewAICodeBlockA highlighted code block with a header naming its language or file, and a copy button. AiCollapsibleAIA header that shows and hides its content, the shell of reasoning and tool panels. AiContextMeterAITokenMeterHow much of the model's context window a conversation has used, and when to worry. AiConversationListAIThreadListA sidebar of conversations grouped by recency, with new, switch and delete. AiCopyButtonAICopyToClipboardCopies a text to the clipboard and confirms that it did. AiDataTableAIRenders a JSON array as a table, filling in row by row as it streams. AiEmptyStateAIWhat an empty conversation shows: a title, a line of help and starter prompts. AiErrorViewAIA failure the user can act on: what went wrong, the detail, and a retry when it can help. AiFormAISchemaFormA form built from a JSON Schema the model proposed, validated and confirmed by the user. AiGenerativeUiViewAIRenders a component the model chose from a registry, bound to the properties it supplied. AiImagePartViewAIAn image a model generated or a tool returned, with its caption. AiJsonViewAIJsonViewerA collapsible tree for any JSON value. AiMarkdownViewAIRenders Markdown to HTML in C#: tables, code, math, citations, safe links. AiMessageActionsAIThe row under an answer: copy, regenerate and feedback, with its model, usage and time. AiMessageListAITranscriptThe transcript of a conversation, following new content and virtualized when long. AiMessagePartViewAIRenders one part of a message with the view, or the custom renderer, of its kind. AiModelSelectorAIModelPickerA picker for the model a conversation runs on, grouped by family or provider. AiOptionsProviderAICascades the AI components' options - strings, render interval, what a message shows. AiPromptInputAIComposer, ChatInputThe composer: a growing text box with attachments, slash commands, mentions and send. AiReasoningPartViewAIThe model's reasoning in its own collapsed panel, timed and kept out of the answer. AiRendererBoundaryAIKeeps a custom renderer that throws from taking the conversation down with it. AiScrollToLatestAIThe button that jumps back to the newest message once the reader has scrolled away. AiSourceCardAIOne source of a citation: its title, site and link. AiSourceListAIThe deduplicated, numbered sources under an answer. AiStreamingMarkdownAIMarkdown that is still arriving, re-parsed only at its tail so it never flickers. AiStructuredDataViewAIStructured output as it streams: partial JSON repaired into a table, a tree or a renderer. AiTextPartViewAIA text part of a message, rendered as Markdown with its citations woven in. AiThinkingIndicatorAITypingIndicatorShows that the model is working before its first token arrives. AiTokenUsageViewAIA turn's tokens, cost, throughput and latency. AiToolApprovalAIStops a risky tool call for a human decision: allow once, allow always, or decline. AiToolCallViewAIFunctionCallA tool call as a card: its arguments as they stream, its progress, its result. AiToolResultViewAIA tool result that arrived without its call, as some providers send it. AiVoiceInputAIDictation, SpeechToTextDictation into the composer through the browser's speech recognition.

Feedback

Found a mistake, a gap, or something that could be clearer? Every page and every component is one click from its source.