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
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Syncfusion.AspNetCore.InteractiveChat" Version="34.1.31" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Syncfusion.AspNetCore.InteractiveChat" Version="34.1.31" />
                    
Directory.Packages.props
<PackageReference Include="Syncfusion.AspNetCore.InteractiveChat" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Syncfusion.AspNetCore.InteractiveChat --version 34.1.31
                    
#r "nuget: Syncfusion.AspNetCore.InteractiveChat, 34.1.31"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Syncfusion.AspNetCore.InteractiveChat@34.1.31
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Syncfusion.AspNetCore.InteractiveChat&version=34.1.31
                    
Install as a Cake Addin
#tool nuget:?package=Syncfusion.AspNetCore.InteractiveChat&version=34.1.31
                    
Install as a Cake Tool

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: promptRequest and created events 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

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

Product 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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

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.

Version Downloads Last Updated
34.1.31 68 7/14/2026
34.1.30 137 7/9/2026
34.1.29 202 7/6/2026