Radzen Blazor Components
Built on Microsoft.Extensions.AI

Blazor AI Components

Conversational and agentic UI for Blazor: a chat that calls your C# code and asks before it acts, a prompt box, smart paste, and AI inside the DataGrid, Scheduler and Chart. One abstraction, any model provider.

Works withOpenAIAzure OpenAIOllamaCloudflare Workers AIany OpenAI-compatible endpointany IChatClient

Raise the price of Chai by 10%

GetProduct name: Chai
UpdateProductPrice productId: 1, newPrice: 19.8

The assistant wants to run UpdateProductPrice.

Components

Drop them into any page. They share the same IChatClient, so configuring the provider once is enough.

AIChat

Conversational and agentic

A streaming chat with conversation memory that can call your C# code, show the results with Radzen components and ask the user before it acts.

Tool calling with AIFunction and your methods

Human-in-the-loop approvals

Generative UI through ToolCallTemplate

Markdown, memory, voice input

AIChat demo

AIPrompt

New
One-shot AI tasks

A prompt box with suggested prompts, a streaming output panel and commands that refine the result, optionally applied to a piece of text.

Suggestions and commands (shorter, formal, translate)

Context for editor content or chart data

Copy, regenerate, custom output template

AIPrompt demo

SmartPasteButton

New
Fill forms from text

Reads the clipboard, extracts the fields of your form model with the AI model and assigns the values - dates, numbers, enums included.

Works with any model class and RadzenTemplateForm

Description and Display attributes guide the model

Fields, Instructions and Paste(text)

SmartPasteButton demo

InlineAIPrompt

New
AI for any text field

A button next to a TextBox or TextArea opens a prompt popup; the value or the selected text is the context and the result replaces or extends it.

Replace the whole value or just the selection

Suggestions and commands per field

Open from your own trigger with OpenAsync

InlineAIPrompt demo

Agentic chat

RadzenAIChat goes beyond text. The model acts in your application and the user stays in control.

Tool calling

New

The model calls your C# methods; every call is shown as a card with arguments, status and result.

View demo

Generative UI

New

Render tool results with Radzen components - a chart or a data grid inside the conversation.

View demo

Human in the loop

New

Wrap a tool in ApprovalRequiredAIFunction and the chat asks the user before it runs.

View demo

Voice input

New

Talk to the assistant with RadzenSpeechToTextButton and the browser's speech recognition.

View demo

Reasoning

New

Models that expose their reasoning show it as a collapsible block above the answer.

View demo

Conversation persistence

New

Conversations are saved through IConversationStore after every answer and restored with tool calls and attachments.

View demo

File attachments

New

Attach images, text files or PDFs to a message: images go to a multimodal model, text files are read by any model.

View demo

Citations

New

Answers list their sources: citations returned by tools or attached by providers such as OpenAI web search or Perplexity.

View demo

Editor AI assistant

New

Rewrite, summarize or translate the selection in the HtmlEditor and MarkdownEditor.

View demo

AI inside your data components

The same tools and prompts work with the DataGrid, Scheduler and Chart you already use.

DataGrid AI assistant

New

Filter, sort, group and arrange a DataGrid in natural language through grid API tools.

View demo

DataGrid AI column

New

A column with values generated by the model for the rows of the current page in one request.

View demo

DataGrid semantic search

New

Find rows by meaning: rows and the query are embedded and ranked by similarity.

View demo

DataGrid AI highlight

New

Describe a condition in plain words and the matching rows are highlighted in place.

View demo

Scheduler AI assistant

New

Read, add, move and delete appointments by chatting, with approval for every change.

View demo

Chart AI insights

New

Ask questions about a chart - AIPrompt gets the series as context and answers with the numbers.

View demo

AI UI Blocks

Ready-made welcome screens, prompt suggestions and ask bars built around RadzenAIChat.

View demo

MarkdownEditor AI assistant

New

An AI toolbar tool that rewrites the selected Markdown with RadzenAIPrompt in a dialog.

View demo

One abstraction, any provider

Every component talks to the model through IChatClient from Microsoft.Extensions.AI. Point the built-in client at any OpenAI-compatible endpoint, or register the client of your provider and add logging, caching or OpenTelemetry with ChatClientBuilder. Because the chat is built on IChatClient, an AG-UI agent backend plugs in through the AG-UI .NET SDK without changes to the UI.

1
Register the service

AddAIChatService with an endpoint, or AddChatClient with your provider.

2
Drop in a component

RadzenAIChat, RadzenAIPrompt or RadzenSmartPasteButton pick up the client automatically.

3
Add tools

Pass AIFunction tools created from your methods; wrap the risky ones in ApprovalRequiredAIFunction.

// Program.cs (server) - any OpenAI-compatible endpoint, the key stays here
builder.Services.AddAIChatService(options =>
{
    options.Endpoint = "https://api.openai.com/v1/chat/completions";
    options.ApiKey = builder.Configuration["OpenAI:ApiKey"];
    options.Model = "gpt-4o-mini";
    options.EmbeddingsModel = "text-embedding-3-small";
});

// Program.cs (WebAssembly client) - no key in the browser, the server forwards
builder.Services.AddAIChatService(options => options.Proxy = "api/chat/completions");

// or register the IChatClient of your provider
builder.Services.AddChatClient(new OllamaApiClient(new Uri("http://localhost:11434"), "llama3.2"))
    .UseLogging();
builder.Services.AddAIChatService();

// Index.razor
<RadzenAIChat Title="Assistant" Tools="@tools" />

@code {
    AITool[] tools =
    [
        AIFunctionFactory.Create(GetOrders),
        new ApprovalRequiredAIFunction(AIFunctionFactory.Create(CancelOrder))
    ];
}

Radzen Blazor MCP

Radzen Blazor MCP is a cloud-hosted Model Context Protocol (MCP) server that gives AI coding assistants real-time access to Radzen Blazor component documentation, APIs, and templates. No packages to install — works with Cursor, Claude Code, GitHub Copilot, JetBrains, Windsurf, and other MCP-capable tools.

Component API docs, ready-made templates, and usage guides for 155+ components

Semantic search over complete Radzen Blazor documentation — always up to date

Free trial available — unlimited access included with Radzen Blazor Pro and Team subscriptions

Learn more about Radzen Blazor MCP
Model Context Protocol (MCP)

Radzen Blazor Newsletter

Get an email when new components and releases ship.

We care about your data. Read our Privacy Policy.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

Dedicated support backed by proven expertise

Premium themes and theme editor

Ready-to-use UI blocks

Complete app templates

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Zen
  • Zen Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙