# What Is Kendo UI for Vue?

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, and works with both the **Composition API** and the **Options API**.

<CtaPanelOverview title="New to Kendo UI for Vue?" message="@ProductLink is a professionally-built commercial UI library. Simply sign up for a 30-day trial to get access to all 100+ components, high-quality learning resources and our award-winning technical support."></CtaPanelOverview>

## 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](https://www.telerik.com/kendo-vue-ui-develop/components/grid), [TreeList](https://www.telerik.com/kendo-vue-ui-develop/components/treelist), [ListView](https://www.telerik.com/kendo-vue-ui-develop/components/listview)
* Data visualization—[Charts](https://www.telerik.com/kendo-vue-ui-develop/components/charts) (17+ types), [Gauges](https://www.telerik.com/kendo-vue-ui-develop/components/gauges), [Barcodes & QR Codes](https://www.telerik.com/kendo-vue-ui-develop/components/barcodes)
* Scheduling & planning—[Scheduler](https://www.telerik.com/kendo-vue-ui-develop/components/scheduler)
* Editors & inputs—[Rich Text Editor](https://www.telerik.com/kendo-vue-ui-develop/components/editor), [Date Pickers](https://www.telerik.com/kendo-vue-ui-develop/components/dateinputs), [DropDowns](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns), [Form](https://www.telerik.com/kendo-vue-ui-develop/components/form)
* Layout & navigation—[Dialogs](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs), [Layout components](https://www.telerik.com/kendo-vue-ui-develop/components/layout), [Tooltip](https://www.telerik.com/kendo-vue-ui-develop/components/tooltip), [Notification](https://www.telerik.com/kendo-vue-ui-develop/components/notification)
* Productivity—[PDF Processing](https://www.telerik.com/kendo-vue-ui-develop/components/pdf-processing), [PDF Viewer](https://www.telerik.com/kendo-vue-ui-develop/components/pdfviewer), [Excel Export](https://www.telerik.com/kendo-vue-ui-develop/components/excel-export), [Upload](https://www.telerik.com/kendo-vue-ui-develop/components/upload)

For the full, up-to-date list of components, see the [components page](https://www.telerik.com/kendo-vue-ui/components).

## 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](https://www.telerik.com/kendo-vue-ui-develop/components/accessibility).

## 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

<DropDownList v-model="selectedValue" :data-items="items" />


<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](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui) provides the [AIPrompt](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/ai-prompt) 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](https://www.telerik.com/design-system/docs/), 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](https://www.telerik.com/kendo-vue-ui-develop/components/styling/theme-builder) 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](https://www.telerik.com/kendo-vue-ui-develop/components/styling).

## Licensing

Kendo UI for Vue is a commercial library. Sign up for a [30-day free trial](https://www.telerik.com/kendo-vue-ui) to access all components, dedicated technical support, and premium learning resources.

To use Kendo UI for Vue in production, [purchase a license](https://www.telerik.com/purchase/kendo-ui). For details on downloading, installing, and registering a license key, see [Set Up Your Kendo UI for Vue License Key](https://www.telerik.com/kendo-vue-ui-develop/components/my-license).

## Support

For any questions about Kendo UI for Vue, or any other [Kendo UI for Vue components](https://www.telerik.com/kendo-vue-ui/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](https://www.telerik.com/account/support-tickets).
* The [Kendo UI for Vue forums](https://www.telerik.com/forums/kendo-ui-vue) 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](https://feedback.telerik.com/kendo-vue-ui) and [Kendo UI for Vue Roadmap](https://www.telerik.com/kendo-vue-ui/roadmap/) provide information on the features in discussion and also those planned for release.
* The [Frequently Asked Questions](https://www.telerik.com/kendo-vue-ui-develop/components/faq) article answers common licensing and setup questions.

## Next Steps

Ready to start building? See [Getting Started with Kendo UI for Vue](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started) to scaffold a project with the Kendo CLI or the VS Code extension, or follow one of the [detailed walkthroughs](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started#detailed-walkthroughs) for your preferred language and API style.