Syncfusion.AspNetCore.InteractiveChat
34.1.31
Prefix Reserved
dotnet add package Syncfusion.AspNetCore.InteractiveChat --version 34.1.31
NuGet\Install-Package Syncfusion.AspNetCore.InteractiveChat -Version 34.1.31
<PackageReference Include="Syncfusion.AspNetCore.InteractiveChat" Version="34.1.31" />
<PackageVersion Include="Syncfusion.AspNetCore.InteractiveChat" Version="34.1.31" />
<PackageReference Include="Syncfusion.AspNetCore.InteractiveChat" />
paket add Syncfusion.AspNetCore.InteractiveChat --version 34.1.31
#r "nuget: Syncfusion.AspNetCore.InteractiveChat, 34.1.31"
#:package Syncfusion.AspNetCore.InteractiveChat@34.1.31
#addin nuget:?package=Syncfusion.AspNetCore.InteractiveChat&version=34.1.31
#tool nuget:?package=Syncfusion.AspNetCore.InteractiveChat&version=34.1.31
Syncfusion® ASP.NET Core InteractiveChat Components
A package including AI AssistView and Chat UI components for building conversational interfaces and AI-powered assistant UIs in ASP.NET Core applications with real-time messaging and AI integration.
Supported Components
This package includes the following components:
ASP.NET Core AI AssistView Component
The ASP.NET Core AI AssistView Component provides a ready-to-use AI chat interface with prompt input, response display, and action toolbar that integrates with any AI/LLM backend.
Key Features:
- Prompt Input: Built-in input area for sending prompts to the AI backend
- Response Display: Renders AI-generated responses with support for formatted content
- Prompt Suggestions: Configurable suggestion chips to guide users with common queries
- Action Toolbar: Customizable toolbar with actions for the assistant view
- Template Support: Custom templates for rendering prompt and response areas
- Event Hooks:
promptRequestandcreatedevents for integrating with external AI services - Accessibility: Full keyboard navigation and screen reader support
Documentation
ASP.NET Core Chat UI Component
The ASP.NET Core Chat UI Component is a fully customizable real-time chat component with message bubbles, timestamps, typing indicators, and user avatars.
Key Features:
- Message Bubbles: Distinct sender and receiver message layouts with timestamps
- Typing Indicators: Visual indicator when the other party is composing a message
- User Avatars: Support for user profile images or initials in chat threads
- Template Support: Custom templates for individual message rendering
- Load on Demand: Efficiently loads large message histories on scroll
- Virtual Scrolling: Handles large chat histories with high performance
- Accessibility: Keyboard navigation and ARIA support
Documentation
Common Setup
All Syncfusion ASP.NET Core controls share the same foundational setup steps:
1. Install NuGet Package
Install-Package Syncfusion.AspNetCore.InteractiveChat
2. Register Tag Helper
Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:
@addTagHelper *, Syncfusion.AspNetCore.InteractiveChat
3. Add Stylesheet & Script References
In your layout file (~/Pages/Shared/_Layout.cshtml):
<head>
<link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
<script src="_content/Syncfusion.AspNetCore.InteractiveChat/scripts/sf-ai-assistview.min.js"></script>
<script src="_content/Syncfusion.AspNetCore.InteractiveChat/scripts/sf-chat-ui.min.js"></script>
<script src="_content/Syncfusion.AspNetCore.InteractiveChat/scripts/sf-inline-ai-assist.min.js"></script>
</head>
4. Register Script Manager
In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:
<ejs-scripts></ejs-scripts>
Quick Start
AI AssistView — ~/Pages/Index.cshtml
Basic usage:
@using Syncfusion.EJ2.InteractiveChat;
<div class="aiassist-container" style="height: 350px; width: 650px;">
<ejs-aiassistview id="aiAssistView"></ejs-aiassistview>
</div>
AI AssistView with Suggestions & Responses:
@using Syncfusion.EJ2.InteractiveChat;
@{
var suggestions = new string[] { "How do I prioritize my tasks?", "How can I improve my time management skills?" };
}
<div class="aiassist-container" style="height: 350px; width: 650px;">
<ejs-aiassistview id="aiAssistView"
promptSuggestions="@suggestions"
promptRequest="onPromptRequest"
created="onCreated">
</ejs-aiassistview>
</div>
<script>
var assistObj;
function onCreated() { assistObj = this; }
function onPromptRequest(args) {
setTimeout(() => {
assistObj.addPromptResponse('For real-time prompt processing, connect the AI AssistView to your preferred AI service.');
}, 2000);
}
</script>
Chat UI — ~/Pages/Index.cshtml
@using Syncfusion.EJ2.InteractiveChat;
<div style="height: 400px; width: 400px;">
<ejs-chatui id="chatUI"></ejs-chatui>
</div>
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.AspNetCore.DropDowns (>= 34.1.31)
- Syncfusion.AspNetCore.Inputs (>= 34.1.31)
- Syncfusion.AspNetCore.Navigations (>= 34.1.31)
- Syncfusion.AspNetCore.Popups (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
-
net8.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.AspNetCore.DropDowns (>= 34.1.31)
- Syncfusion.AspNetCore.Inputs (>= 34.1.31)
- Syncfusion.AspNetCore.Navigations (>= 34.1.31)
- Syncfusion.AspNetCore.Popups (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
-
net9.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.AspNetCore.DropDowns (>= 34.1.31)
- Syncfusion.AspNetCore.Inputs (>= 34.1.31)
- Syncfusion.AspNetCore.Navigations (>= 34.1.31)
- Syncfusion.AspNetCore.Popups (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Syncfusion.AspNetCore.InteractiveChat:
| Package | Downloads |
|---|---|
|
Syncfusion.AspNetCore.RichTextEditor
Syncfusion® ASP.NET Core Rich Text Editor (RTE) is a feature-complete WYSIWYG HTML editor that enables rich content creation with a familiar word processor-like interface. It supports text formatting (bold, italic, underline, color, alignment), tables, images, hyperlinks, lists, code view, source code editing, mentions, emoji, video embedding, paste from Word/Excel, custom toolbar configuration, full-screen editing, and content export. It also supports Markdown editing mode, making it versatile for CMS, blog platforms, and form-based content input in ASP.NET Core applications. |
GitHub repositories
This package is not used by any popular GitHub repositories.