@syncfusion/ej2-vue-interactive-chat

29.2.4 • Public • Published

Vue Interactive Chat Component

A package of Vue Interactive Chat components which comes with a AI AssistView component to enables users to display AI-generated responses in a user-friendly interface and the Chat UI component which is lightweight, conversational interface for displaying chat messages between the users.

What's Included in the Vue Interactive Chat Package

The Vue Interactive Chat package includes the following component.

Vue AI AssistView

The Vue AI AssistView component is a versatile and modern UI tool designed to seamlessly integrate AI services into your web applications. It enables users to send prompts, execute commands through a feature-rich toolbar, and effortlessly display AI-generated responses in a user-friendly interface.

Getting Started . Online demos . Learn more

Vue AI AssistView Component

Key features

  • Built-in toolbars: Predefined toolbar items like copy, edit, and like/dislike for easy interaction with prompts and responses.
  • Prompt suggestions: Supports initial or on-demand prompt suggestions with a customizable header.
  • Header toolbar: Allows adding toolbar items in the header with options for executing custom commands.
  • Custom views: Extensive customization options for creating personalized views in addition to the built-in assist view.
  • Customization: Allows customizing the default appearance, including prompts, responses, and more, to suit your needs.

Vue Chat UI

The Vue Chat UI component is a lightweight, user-friendly conversational interface for displaying chat messages between users. It features messages with timestamps, avatar images with fallback text, typing indicators, and extensive customization options, making it ideal for building modern chat applications.

Getting Started . Online demos . Learn more

Vue Chat UI Component

Key features

  • Message suggestions: Provides on-demand suggestions using customizable templates to enhance user interactions.
  • On-demand messages loading: Dynamically loads messages to optimize performance, especially for lengthy conversations.
  • Header toolbar: Allows adding toolbar items in the header with options for executing custom commands.
  • Timebreak: Automatically inserts time breaks between messages, enhancing readability by grouping conversations by date.
  • Typing indicator: Shows real-time typing activity of users with customizable indicator styles.
  • Customization: Allows users to customize the default appearance, including messages, the footer, and more, to suit their needs.

Setup

To install interactive chat and its dependent packages, use the following Command,

npm install @syncfusion/ej2-vue-interactive-chat

Supported frameworks

Interactive chat components are also offered in following list of frameworks.


     Angular    

       React      

     JavaScript       

  ASP.NET Core  

  ASP.NET MVC  

Support

Product support is available through the following mediums.

License and copyright

This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® EULA. To acquire a license for 80+ Vue UI components, you can purchase or start a free 30-day trial.

A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

See LICENSE FILE for more info.

© Copyright 2025 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution.

Dependents (0)

Package Sidebar

Install

npm i @syncfusion/ej2-vue-interactive-chat

Weekly Downloads

234

Version

29.2.4

License

SEE LICENSE IN license

Unpacked Size

175 kB

Total Files

198

Last publish

Collaborators

  • syncfusionorg
  • essentialjs2
  • syncfusion-javascript