What Is Kendo UI for Vue?

Updated on Sep 9, 2026

Kendo UI for Vue is an enterprise-grade UI library with 100+ native components for building modern, feature-rich business applications. Every component is built from the ground up for Vue, works with both the Composition API and the Options API, and supports both Vue 2 and Vue 3 projects.

100+ Components for Every Part of Your App

Kendo UI for Vue covers the full spectrum of UI needs for business applications:

• Data components—Grid, TreeList, ListView
• Data visualization—Charts (17+ types), Gauges, Barcodes & QR Codes
• Scheduling & planning—Scheduler
• Editors & inputs—Rich Text Editor, Date Pickers, DropDowns, Form
• Layout & navigation—Dialogs, Layout components, Tooltip, Notification
• Productivity—PDF Processing, PDF Viewer, Excel Export, Upload

For the full, up-to-date list of components, see the components page.

Accessibility Built In, Not Bolted On

Accessibility is a core requirement in enterprise software, not an afterthought. Every Kendo UI for Vue component is built with accessibility as a first-class concern, so your application meets compliance standards without requiring manual remediation.

All components ship with out-of-the-box support for:

• WCAG 2.2 (Web Content Accessibility Guidelines)—ensures your UI is perceivable, operable, understandable, and robust for users with disabilities.
• Section 508—meets US federal accessibility requirements for government and public sector applications.
• WAI-ARIA—correct ARIA roles, states, and properties are applied automatically, so assistive technologies like screen readers work as expected.

Full keyboard navigation is supported across all interactive components, and focus management is handled correctly in complex patterns such as dialogs, dropdowns, and grids. For more information, see the Accessibility Overview.

Two-Way Binding and Flexible State Management

Kendo UI for Vue components embrace native Vue reactivity. Most data-bound components support v-model for effortless two-way binding, while still exposing the underlying value prop together with change/input events for cases where you want to control the state manually, for example to validate or transform a value before it is committed.

html

<!-- Two-way binding with v-model -->
<DropDownList v-model="selectedValue" :data-items="items" />

<!-- Manual control with value + change -->
<DropDownList :value="selectedValue" :data-items="items" @change="handleChange" />

This flexibility lets you pick the right level of state management for each use case, whether that is a simple form field or a component wired into a larger state management solution such as Pinia or Vuex.

AI-Ready Components

The Conversational UI package provides the AIPrompt component, a ready-made interface for submitting and enhancing prompts to a Large Language Model and organizing the generated output. It supports predefined commands, suggestions, speech-to-text input, and streaming responses with proper loading and cancellation states, so you can embed AI-driven interactions directly in your Vue application without building the prompt interface from scratch.

Themes, Design Systems, and Styling

Kendo UI for Vue is built on the Progress Design System, a comprehensive, production-tested design foundation that ensures visual consistency, accessibility, and scalability across every component. Five polished themes are available out of the box:

Theme	Based On
Meridian	Kendo UI Meridian design system
Material	Google Material Design
Bootstrap	Bootstrap
Fluent	Microsoft Fluent Design System
Default	Kendo UI Default design system

Every theme is a starting point, not a constraint. Customize colors, typography, spacing, border radius, and more through the visual ThemeBuilder tool—no Sass expertise required. Export your customized theme as a CSS or Sass file and drop it straight into your project. For more information, see Styling & Themes.

Licensing

Kendo UI for Vue is a commercial library. Sign up for a 30-day free trial to access all components, dedicated technical support, and premium learning resources.

To use Kendo UI for Vue in production, purchase a license. For details on downloading, installing, and registering a license key, see Set Up Your Kendo UI for Vue License Key.

Support

For any questions about Kendo UI for Vue, or any other Kendo UI for Vue components, you have these support options available:

• Kendo UI for Vue license holders and everyone with an active trial can benefit from the outstanding Kendo UI for Vue customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
• The Kendo UI for Vue forums are part of the free support you can get from the community and from the Kendo UI for Vue team on all kinds of general issues.
• The Kendo UI for Vue Feedback Portal and Kendo UI for Vue Roadmap provide information on the features in discussion and also those planned for release.
• The Frequently Asked Questions article answers common licensing and setup questions.

Next Steps

Ready to start building? See Getting Started with Kendo UI for Vue to scaffold a project with the Kendo CLI or the VS Code extension, or follow one of the detailed walkthroughs for your preferred language and API style.