Kendo UI for Angular
Boost developer productivity with an AI code generator that adds proprietary Kendo UI context to your prompts so you get accurate, ready-to-run snippets for Angular components and APIs. Start from the AI Coding Assistant overview and choose the workflow that fits your team - the GitHub Copilot extension for inline help inside Copilot or the Model Context Protocol server for AI-enabled tools like Cursor. Use prompt triggers such as @kendoangular or /kendoangular and ask for examples like a Data Grid with sorting and paging, a ComboBox bound to products or a TreeView with load on demand, then refine with component-specific options.
The assistant understands Kendo UI component APIs and patterns so it is able to produce functional Angular code and can links back to relevant docs when you need a deeper detail.
Learn more in the full AI Coding Assistant documentation.
The new Inline AIPrompt component delivers a
lightweight, popup-based experience for interacting with LLMs directly inside
your content, keeping users in flow while they ask or apply AI suggestions from
the overview.
Render brand-aligned results with flexible templates,
enable real-time feedback with streaming
responses and control behavior through rich configuration.
You can also instantiate prompts programmatically with the InlineAIPromptService
to open popups from any UI interaction and subscribe to prompt or command
events.
Start building with the complete Inline
AIPrompt documentation.
The new Kendo UI for Angular Diagram component makes it
easy to design and edit interactive diagrams including flowcharts, org charts
and mind maps with a native Angular API. Define diagram
elements such as shapes, connectors and connections, then let the component
handle automatic
layouts like tree, layered or radial to present complex structures clearly.
Bind nodes and links to live data for scalable, data-driven diagrams using the
built-in data
binding model and wire up rich interactive
events for create, edit and selection scenarios. Deliver polished outputs
with export
options to PDF, SVG or PNG and fine-tune editing with configurable shape
and connection settings.
Learn more in
the full Angular
Diagram documentation.
The new Kendo UI for Angular SpeechToTextButton component converts spoken input to text out of the box using the browser’s native Web Speech API with simple default integration. For advanced scenarios you can switch to custom providers by setting integrationMode="none" and follow the third-party integration guidance to wire Azure, Google or AWS services. Fine-tune recognition with configuration options like continuous mode, interim results, multiple alternatives and language selection, then react to events such as start, end, result and error. The component follows accessibility best practices with WCAG 2.2 AA and Section 508 support and ships with familiar Kendo UI appearance options.
Explore the full SpeechToTextButton documentation.
The AIPrompt component now supports streaming responses so users can see content as it is generated, which improves perceived performance and creates a more conversational feel. Enable streaming with the streaming property and handle promptRequest and promptRequestCancel to start or stop generation, then bind promptOutputs to update the Output View in real time. The feature is ideal for long-form responses and chat-like UX and works alongside existing AIPrompt configuration options for views, toolbar customization and events.
Learn more in the full AIPrompt documentation.
Empower users to explore and act on data using natural language with two Smart Grid capabilities in the Angular Data Grid. The AI Toolbar Assistant adds a conversational tool to the Grid toolbar via the kendoGridAIAssistantTool directive so prompts can drive sorting, filtering and grouping, with flexible integration options through requestUrl, requestOptions and events like promptRequest or responseSuccess. The AI Column Assistant brings row-level analysis by opening an Inline AIPrompt from a custom column so users can ask targeted questions about a single record and trigger output actions such as copy, insert or discard.
Learn more about the Grid and its Smart Grid features in the Angular Grid documentation.
Make dense data mobile ready with the Grid’s new stacked layout mode that renders each record as a card with field labels and values for an adaptive, readable experience on any screen. Enable it by setting the dataLayoutMode or configuring DataLayoutModeSettings including the mode
and stackedCols
options to control how many columns appear in stacked view. Keep productivity high with full support for paging, selection and PDF/Excel export, and use Grid Toolbar tools to surface filtering, sorting and grouping when the header is not rendered. All editing modes are supported including inline, in-cell and external editing, and you can add a select-all experience with the Select All toolbar tool.
Learn more in the full Angular Grid Stacked Layout documentation.