Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 22 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,31 +4,40 @@
[![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
[![](https://img.shields.io/badge/💬_Leave_Feedback-feecdd?style=flat-square)](#does-this-example-address-your-development-requirementsobjectives)
<!-- default badges end -->
# Product/Platform - Task
# Blazor AI Chat — Build a Multi-LLM Chat Application

This is the repository template for creating new examples. Describe the solved task here.
This example implements a multi-LLM (Large Language Model) chat application. Key considerations include:

Put a screenshot that illustrates the result here.
* The application uses two models: GPT-4o from Azure OpenAI and Phi4 from Ollama running locally.
* The `IChatClient` interface implementation manages chat clients and conversation histories.
* The interface is built with DevExpress Blazor components: [DxAIChat](https://docs.devexpress.com/Blazor/DevExpress.AIIntegration.Blazor.Chat.DxAIChat), [DxComboBox](https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxComboBox-2), and [DxButton](https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxButton).

Then, add implementation details (steps, code snippets, and other technical information in a free form), or add a link to an existing document with implementation details.
![Multi-LLM Chat Application](ai-chat-with-multi-LLM.png)

This example is based on the following blog post: [DevExpress Blazor AI Chat — Build a Multi-LLM Chat Application](https://int.devexpress.com/community/blogs/aspnet/archive/2025/04/16/devexpress-blazor-ai-chat-build-a-multi-llm-chat-application.aspx).

> [!NOTE]
> Before launch, add your credentials in the [appsettings.Development.json](CS/DXBlazorCompositeChatClient/appsettings.Development.json) file.

## Files to Review

- link.cs (VB: link.vb)
- link.js
- ...
- [Program.cs](CS/DXBlazorCompositeChatClient/Program.cs)
- [appsettings.Development.json](CS/DXBlazorCompositeChatClient/appsettings.Development.json)
- [ChatClientSession.cs](CS/DXBlazorCompositeChatClient/Services/ChatClientSession.cs)
- [CompositeChatClient.cs](CS/DXBlazorCompositeChatClient/Services/CompositeChatClient.cs)
- [Index.razor](CS/DXBlazorCompositeChatClient/Components/Pages/Index.razor)

## Documentation

- link
- link
- ...
- [DevExpress AI-powered Extensions for Blazor](https://docs.devexpress.com/Blazor/405228/ai-powered-extensions)
- [DevExpress Blazor AI Chat Control](https://docs.devexpress.com/Blazor/DevExpress.AIIntegration.Blazor.Chat.DxAIChat)

## More Examples

- link
- link
- ...
- [Blazor AI Chat - How to add the DevExpress Blazor AI Chat component to your next Blazor, MAUI, WPF, and WinForms application](https://github.com/DevExpress-Examples/devexpress-ai-chat-samples)
- [Blazor AI Chat — Implement Function/Tool Calling](https://github.com/DevExpress-Examples/blazor-ai-chat-function-calling)
- [Rich Text Editor and HTML Editor for Blazor - How to integrate AI-powered extensions](https://github.com/DevExpress-Examples/blazor-ai-integration-to-text-editors)

<!-- feedback -->
## Does this example address your development requirements/objectives?

Expand Down
Binary file added ai-chat-with-multi-LLM.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading