Kendo UI for jQuery
Empower users to sort, filter, group and highlight data using natural language with the built-in AI Assistant toolbar that sits right on top of the Grid. Start with the AI Toolbar Tool demo, spotlight patterns with AI Toolbar Highlight and extend the experience with an AI Assistant Custom Column for contextual row actions. Integrate your AI endpoint through the Grid AI configuration using the documented AI Toolbar Assistant setup and keep all core Grid features ready for handoff to the AI for a smooth process.
See the Grid in context in the base Grid demo and consult the Grid documentation for complete capabilities.
Add voice dictation anywhere in your UI with a ready-to-use component that turns speech into text so users can speak instead of type. Start fast with the live demo and tailor the experience by configuring language and recognition behavior including options like lang, interimResults and icon. Choose your integration path with integrationMode to use the browser engine or wire up a custom speech service.
Explore the SpeechToTextButton
demo then dive into the jQuery docs to implement it quickly.
Deliver in-context AI actions directly inside editors and text areas so users can select content and apply AI commands without breaking flow. Define safe, repeatable behaviors with a configurable systemPrompt and custom commands, enable optional voice input through speechToText and provide a responsive experience with real-time streaming.
See it in action in the Inline AIPrompt
demo and follow the Getting
Started guide to add it to your app.
Drive adoption by turning every AI result into an
immediate action directly from the Output view. Add built-in actions like Copy,
Retry
and Rating
on each output card or define custom
actions with command, icon, fillMode, rounded, themeColor, text and title
to fit your workflow. Control placement with the Spacer
element to align buttons and handle clicks through the outputAction
event which provides the output text, outputId and original prompt so you
can implement operations like export or share.
Explore the live demo
and then review the full AIPrompt
overview documentation.
Offer a focused AI workspace with a standalone prompt view that organizes prebuilt commands, user options and rich output cards for predictable results. Customize the look and flow with Templates and Views and control what is sent to your LLM using the service configuration such as service.data. Support long answers that render progressively and can be stopped when needed with the startStreaming API.
Explore the AIPrompt
overview demo and review the AIPrompt
documentation.
Showcase step-by-step processes with a ready workflow
setup in the Diagram component. Create shapes
and connectors for tasks and decisions, then apply automatic layout
to keep diagrams tidy. Bind to data or enable editing
so users can insert, drag and connect nodes with familiar handles.
Start with the base Diagram demo and the Workflow Diagram example, then build out your use case with the Diagram overview documentation.
Give users a polished experience with the Form component’s responsive capabilities. The Responsive Form demo adapts layout at runtime so fields reflow, labels align and validation remains accessible on any screen. Use the built-in grid layout with up to 12 columns and per-field colSpan settings to control wrapping at breakpoints, then configure items and editors through the Form API.
Start from the base Form demo and review the Form overview to implement responsive patterns quickly.