# Kendo UI for Angular AI Components and Features

Kendo UI for Angular provides components and Grid features for building AI-assisted application workflows. Use them to add conversational interfaces, AI-assisted data discovery and operations, and natural-language-driven UI actions to your application.

The available tools fit into three categories:

1. [Chat and Prompt UI](https://www.telerik.com/kendo-angular-ui-develop/components/ai-components#chat-and-prompt-ui)—AI Chat, PromptBox, Inline AI Prompt, and AI Prompt for conversational and prompt-driven interfaces.
2. [Smart Grid Features](https://www.telerik.com/kendo-angular-ui-develop/components/ai-components#smart-grid-features)—Semantic Search, AI Data Operations, AI Data Highlight, AI Column Assistant, and AI Chat Integration for AI-assisted Kendo UI for Angular Grid workflows.
3. [Utility Components](https://www.telerik.com/kendo-angular-ui-develop/components/ai-components#utility-components)—SmartPaste for mapping clipboard content to form inputs, and WebMCP Support for enabling natural-language control of application UI through MCP.

## Chat and Prompt UI

Build prompt-driven and chat-based interfaces with components designed for conversational workflows.

<article-card-container>
    <article-card
        href="/conversational-ui/chat"
        src="/kendo-angular-ui-develop/components/assets/1a95789349616f5a96ee349e0f03d262/ai-chat-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/92205189ccd98ce83506bf206bddeeee/ai-chat-dark.svg"
        title="AI Chat"
        subTitle="Chat Feature"
        description="Build intelligent conversational experiences with the powerful AI integration of this Angular Chat component.">
    </article-card>
    <article-card
        href="/conversational-ui/promptbox"
        src="/kendo-angular-ui-develop/components/assets/c29b541cf4fef9cd15de7819e4cfb508/promptbox-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/149fb9232679de4ca36c096bddeac208/promptbox-dark.svg"
        title="PromptBox"
        subTitle="UI Component"
        description="Improve AI prompting with the Kendo UI for Angular PromptBox component - smart input for conversational apps.">
    </article-card>
    <article-card
        href="/conversational-ui/inline-aiprompt"
        src="/kendo-angular-ui-develop/components/assets/854a5d5ed9299ad861aeaad58b674841/inlineaiprompt-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/893d5554bbdcb4911276a02db2aa0292/inlineaiprompt-dark.svg"
        title="Inline AI Prompt"
        subTitle="UI Component"
        description="Deliver contextual AI suggestions seamlessly with Angular's intuitive inline prompt interface.">
    </article-card>
    <article-card
        href="/conversational-ui/aiprompt"
        src="/kendo-angular-ui-develop/components/assets/16321f5a65c2a527641999ce3ccfa3a1/aiprompt-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/fd20d47973fa3004bcf03f1cc2bcbff3/aiprompt-dark.svg"
        title="AI Prompt"
        subTitle="UI Component"
        description="Add engaging prompt- or user input-based AI interactions to your app with the Angular AIPrompt component.">
    </article-card>
</article-card-container>

## Smart Grid Features

Add AI-assisted search, operations, highlighting, and contextual workflows to data-intensive Grid experiences.

<article-card-container>
    <article-card
        href="/grid/smart-grid/semantic-search"
        src="/kendo-angular-ui-develop/components/assets/561e4c4373e3ce1ab84df1e300c59ce7/semantic-search-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/0d3ec4266229246bc64ebff0e9f9bd92/semantic-search-dark.svg"
        title="Semantic Search"
        subTitle="Smart Data Grid Feature"
        description="Enhance data discovery using the Kendo UI for Angular Grid Semantic Search - intelligent meaning-based search capabilities.">
    </article-card>
    <article-card
        href="/grid/smart-grid/ai-toolbar-tool"
        src="/kendo-angular-ui-develop/components/assets/accd51fb0f9b3baa7a9dc137e1d95a48/ai-data-operations-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/e6f0a268a153c801a0374a985a6883d9/ai-data-operations-dark.svg"
        title="AI Data Operations"
        subTitle="Smart Data Grid Feature"
        description="Transform data management with Angular Grid's advanced AI-powered operations and intelligent processing.">
    </article-card>
    <article-card
        href="/grid/smart-grid/ai-powered-row-highlight"
        src="/kendo-angular-ui-develop/components/assets/72271b5c70f640266b01ed7c4b13d6a5/ai-data-highlight-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/96fcc5790687fb5ebf46c7fde8006ff9/ai-data-highlight-dark.svg"
        title="AI Data Highlight"
        subTitle="Smart Data Grid Feature"
        description="Unlock insights instantly with Angular Grid's smart AI highlighting of critical business data.">
    </article-card>
    <article-card
        href="/grid/smart-grid/ai-column-assistant"
        src="/kendo-angular-ui-develop/components/assets/97bf251c25d62741f119c17febd0aa5c/ai-column-assistant-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/14d39c54f99f4a661e9ef641b95d3610/ai-column-assistant-dark.svg"
        title="AI Column Assistant"
        subTitle="Smart Data Grid Feature"
        description="Streamline data workflows with Angular Grid's intelligent AI assistant for column management.">
    </article-card>
    <article-card
        href="/grid/smart-grid/ai-chat-assistant"
        src="/kendo-angular-ui-develop/components/assets/ef4e202163f8ba624ebe354cb8e2552b/grid-ai-chat-integration-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/90e1c198dfd43aaf9faecb945f01dbe0/grid-ai-chat-integration-dark.svg"
        title="AI Chat Integration"
        subTitle="Grid Integration"
        description="Transform Grid workflows using the Kendo UI for Angular Grid AI Chat Integration - contextual assistance and advanced AI experience.">
    </article-card>
</article-card-container>

## Utility Components

Use focused AI helpers to speed up data entry and connect natural language prompts to UI actions.

<article-card-container>
    <article-card
        href="/buttons/smartpastebutton"
        src="/kendo-angular-ui-develop/components/assets/19d976c9bdf5462d5188b2ab1d7610dc/smartpaste-light.svg"
        darkSrc="/kendo-angular-ui-develop/components/assets/2c100127b1f5ee13da47a30714e6a370/smartpaste-dark.svg"
        title="SmartPaste"
        subTitle="UI Component"
        description="Streamline data entry with the Kendo UI for Angular SmartPaste component - map and insert clipboard content into input fields with a single click.">
    </article-card>
    <article-card
        href="/ai-tools/web-mcp"
        src="/kendo-angular-ui-develop/components/assets/4c56745cf0a069cb572118d9454e98d9/webmcp_light.svg"
        title="WebMCP Support"
        subTitle="UI Component Feature"
        darkSrc="/kendo-angular-ui-develop/components/assets/36fd3249cd29e0df07fd978b9c623fda/webmcp_dark.svg"
        description="Perform operations like data sorting, data filtering, navigation, value changes, and more through natural language user prompts.">
    </article-card>
</article-card-container>