Kendo UI for jQuery LLM Kit Overview
Updated on Aug 11, 2026
The Kendo UI for jQuery LLM Kit is a set of purpose-built components for bringing AI agent activity into your application.
Start Free Trial
The kit provides ready-made building blocks for showing reasoning traces, multi-step thought chains, tool invocations, inline citations, and conversation checkpoints alongside any chat or agentic interface.
Key Features
- Reasoning—Shows a model's thinking trace in one collapsible block, with support for streaming content token by token.
- Chain of Thought—Collects an ordered series of thought steps beneath one collapsible header, with support for custom row templates.
- Tool Call—Shows an individual tool or function invocation, including parameters, approval flow, results, and error states.
- Checkpoint—Places a decorative separator between conversation turns with a Start Over or Redo action.
- Citation—Adds an inline reference chip that opens a paginated popover containing complete source details.
Getting Started
The following example demonstrates how to initialize several LLM Kit components in a single conversational flow.
html
<div id="reasoning"></div>
<div id="toolCall"></div>
<div id="checkpoint"></div>
<span id="citation"></span>
<script>
$("#reasoning").kendoReasoning({
label: "Thinking",
expandable: true,
expanded: true,
content: "Identifying the best source for the answer."
});
$("#toolCall").kendoToolCall({
label: "query_database",
state: "completed",
expandable: true,
expanded: true,
parameters: { quarter: "Q1 2025" },
result: { topCustomer: "Acme Corp" }
});
$("#checkpoint").kendoCheckpoint({
state: "restore"
});
$("#citation").kendoCitation({
sources: [{
title: "Quarterly Revenue Report",
url: "https://example.com/reports/q1-2025"
}]
});
</script>Next Steps
- LLM Kit Overview Demo
- Reasoning Demo
- Chain of Thought Demo
- Tool Call Demo
- Checkpoint Demo
- Citation Demo