An open API service indexing awesome lists of open source software.

https://github.com/telerik/kendo-ui-core

An HTML5, jQuery-based widget library for building modern web apps.
https://github.com/telerik/kendo-ui-core

javascript jquery kendo-ui telerik widgets

Last synced: 5 months ago
JSON representation

An HTML5, jQuery-based widget library for building modern web apps.

Awesome Lists containing this project

README

          

# Kendo UI Core

[![CI](https://github.com/telerik/kendo-ui-core/actions/workflows/CI.yml/badge.svg?branch=master)](https://github.com/telerik/kendo-ui-core/actions/workflows/CI.yml)

## About Kendo UI Core

Kendo UI is everything you need to build sites and apps with HTML5 & JavaScript. Kendo UI Core is the free and open-source version of Kendo UI that provides access to the web's best UI widgets and key framework features, essential for developing great experiences for the web and mobile.

## Features of Kendo UI Core

Kendo UI Core is a free and open-source subset of Kendo UI. The following table details the widgets and features available in Kendo UI Core, as well as the additional features available via a commercial Kendo UI license.

| Feature | Kendo UI Core | [Professional](https://www.telerik.com/kendo-ui) | UI for [MVC](https://www.telerik.com/aspnet-mvc)/[Core](https://www.telerik.com/aspnet-core-ui)/[JSP](https://www.telerik.com/jsp-ui)/[PHP](https://www.telerik.com/php-ui) |
| ------- | :----: | :--------: | :------------------: |
| **Data Management** |
| [Grid](https://demos.telerik.com/kendo-ui/grid/index) | :x: | :white_check_mark: | :white_check_mark: |
| [FileManager](https://demos.telerik.com/kendo-ui/filemanager/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Spreadsheet](https://demos.telerik.com/kendo-ui/spreadsheet/index) | :x: | :white_check_mark: | :white_check_mark: |
| [ListView](https://demos.telerik.com/kendo-ui/listview/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [PivotGrid](https://demos.telerik.com/kendo-ui/pivotgrid/index) | :x: | :white_check_mark: | :white_check_mark: |
| [TreeList](https://demos.telerik.com/kendo-ui/treelist/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Filter](https://demos.telerik.com/kendo-ui/filter/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Pager](https://demos.telerik.com/kendo-ui/pager/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| **Editors** |
| [AutoComplete](https://demos.telerik.com/kendo-ui/autocomplete/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Color Picker](https://demos.telerik.com/kendo-ui/colorpicker/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [ComboBox](https://demos.telerik.com/kendo-ui/combobox/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [DateInput](https://demos.telerik.com/kendo-ui/dateinput/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [DatePicker](https://demos.telerik.com/kendo-ui/datepicker/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [DateRangePicker](https://demos.telerik.com/kendo-ui/daterangepicker/index) | :x: | :white_check_mark: | :white_check_mark: |
| [DateTimePicker](https://demos.telerik.com/kendo-ui/datetimepicker/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [DropDownList](https://demos.telerik.com/kendo-ui/dropdownlist/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [DropDownTree](https://demos.telerik.com/kendo-ui/dropdowntree/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Editor](https://demos.telerik.com/kendo-ui/editor/index) | :x: | :white_check_mark: | :white_check_mark: |
| [ListBox](https://demos.telerik.com/kendo-ui/listbox/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [MaskedTextBox](https://demos.telerik.com/kendo-ui/maskedtextbox/index)| :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [MultiColumnComboBox](https://demos.telerik.com/kendo-ui/multicolumncombobox/index) | :x: | :white_check_mark: | :white_check_mark: |
| [MultiSelect](https://demos.telerik.com/kendo-ui/multiselect/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [NumericTextBox](https://demos.telerik.com/kendo-ui/numerictextbox/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Rating](https://demos.telerik.com/kendo-ui/rating/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Slider](https://demos.telerik.com/kendo-ui/slider/index) | :white_check_mark:| :white_check_mark: | :white_check_mark: |
| [Switch](https://demos.telerik.com/kendo-ui/switch/index) | :x: | :white_check_mark: | :white_check_mark: |
| [TextBox](https://demos.telerik.com/kendo-ui/textbox/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [TimePicker](https://demos.telerik.com/kendo-ui/timepicker/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Upload](https://demos.telerik.com/kendo-ui/upload/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Validator](https://demos.telerik.com/kendo-ui/validator/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| **Conversational UI** |
| [Chat](https://demos.telerik.com/kendo-ui/chat/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Charts** |
| [Area Charts](https://demos.telerik.com/kendo-ui/area-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Bar Charts](https://demos.telerik.com/kendo-ui/bar-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Box Plot Charts](https://demos.telerik.com/kendo-ui/box-plot-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Bubble Charts](https://demos.telerik.com/kendo-ui/bubble-charts/index)| :x: | :white_check_mark: | :white_check_mark: |
| [Bullet Charts](https://demos.telerik.com/kendo-ui/bullet-charts/index)| :x: | :white_check_mark: | :white_check_mark: |
| [Chart API](https://demos.telerik.com/kendo-ui/chart-api/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Donut Charts](https://demos.telerik.com/kendo-ui/donut-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Funnel Charts](https://demos.telerik.com/kendo-ui/funnel-charts/index)| :x: | :white_check_mark: | :white_check_mark: |
| [Line Charts](https://demos.telerik.com/kendo-ui/line-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Pie Charts](https://demos.telerik.com/kendo-ui/pie-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Polar Charts](https://demos.telerik.com/kendo-ui/polar-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Radar Charts](https://demos.telerik.com/kendo-ui/radar-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Range Bar Charts](https://demos.telerik.com/kendo-ui/range-bar-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Scatter Charts](https://demos.telerik.com/kendo-ui/scatter-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Sparklines](https://demos.telerik.com/kendo-ui/sparklines/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Stock Charts](https://demos.telerik.com/kendo-ui/financial/index) | :x: | :white_check_mark: | :white_check_mark: |
| [TreeMap](https://demos.telerik.com/kendo-ui/treemap/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Waterfall Charts](https://demos.telerik.com/kendo-ui/waterfall-charts/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Gauges** |
| [ArcGauge](https://demos.telerik.com/kendo-ui/arc-gauge/index) | :x: | :white_check_mark: | :white_check_mark: |
| [CircularGauge](https://demos.telerik.com/kendo-ui/circular-gauge/index) | :x: | :white_check_mark: | :white_check_mark: |
| [LinearGauge](https://demos.telerik.com/kendo-ui/linear-gauge/index) | :x: | :white_check_mark: | :white_check_mark: |
| [RadialGauge](https://demos.telerik.com/kendo-ui/radial-gauge/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Barcodes** |
| [Barcode](https://demos.telerik.com/kendo-ui/barcode/index) | :x: | :white_check_mark: | :white_check_mark: |
| [QR Code](https://demos.telerik.com/kendo-ui/qrcode/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Diagram and Maps** |
| [Diagram](https://demos.telerik.com/kendo-ui/diagram/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Map](https://demos.telerik.com/kendo-ui/map/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Scheduling** |
| [Calendar](https://demos.telerik.com/kendo-ui/calendar/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Gantt](https://demos.telerik.com/kendo-ui/gantt/index) | :x: | :white_check_mark: | :white_check_mark: |
| [MultiViewCalendar](https://demos.telerik.com/kendo-ui/multiviewcalendar/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Scheduler](https://demos.telerik.com/kendo-ui/scheduler/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Layout** |
| [Badge](https://demos.telerik.com/kendo-ui/badge/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Dialog](https://demos.telerik.com/kendo-ui/dialog/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [ExpansionPanel](https://demos.telerik.com/kendo-ui/expansionpanel/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Form](https://demos.telerik.com/kendo-ui/form/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Notification](https://demos.telerik.com/kendo-ui/notification/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Popover](https://demos.telerik.com/kendo-ui/popover/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Responsive Panel](https://demos.telerik.com/kendo-ui/responsive-panel/index)| :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Splitter](https://demos.telerik.com/kendo-ui/splitter/index) | :white_check_mark:| :white_check_mark: | :white_check_mark: |
| [TileLayout](https://demos.telerik.com/kendo-ui/tilelayout/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Tooltip](https://demos.telerik.com/kendo-ui/tooltip/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Window](https://demos.telerik.com/kendo-ui/window/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| **Media** |
| [MediaPlayer](https://demos.telerik.com/kendo-ui/mediaplayer/index) | :x: | :white_check_mark: | :white_check_mark: |
| [ScrollView](https://demos.telerik.com/kendo-ui/scrollview/index) | :x: | :white_check_mark: | :white_check_mark: |
| **PDF** |
| [PDFViewer](https://demos.telerik.com/kendo-ui/pdfviewer/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Navigation** |
| [ActionSheet](https://demos.telerik.com/kendo-ui/actionsheet/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Breadcrumb](https://demos.telerik.com/kendo-ui/breadcrumb/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Button](https://demos.telerik.com/kendo-ui/button/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [ButtonGroup](https://demos.telerik.com/kendo-ui/buttongroup/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Drawer](https://demos.telerik.com/kendo-ui/drawer/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Menu](https://demos.telerik.com/kendo-ui/menu/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [PanelBar](https://demos.telerik.com/kendo-ui/panelbar/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Stepper](https://demos.telerik.com/kendo-ui/stepper/index) | :x: | :white_check_mark: | :white_check_mark: |
| [TabStrip](https://demos.telerik.com/kendo-ui/tabstrip/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Timeline](https://demos.telerik.com/kendo-ui/timeline/index) | :x: | :white_check_mark: | :white_check_mark: |
| [ToolBar](https://demos.telerik.com/kendo-ui/toolbar/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [TreeView](https://demos.telerik.com/kendo-ui/treeview/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Wizard](https://demos.telerik.com/kendo-ui/wizard/index) | :x: | :white_check_mark: | :white_check_mark: |
| **Interactivity and UX** |
| [Drag-and-Drop](https://demos.telerik.com/kendo-ui/dragdrop/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Effects](https://demos.telerik.com/kendo-ui/fx/expand) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [ProgressBar](https://demos.telerik.com/kendo-ui/progressbar/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Sortable](https://demos.telerik.com/kendo-ui/sortable/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Styling](https://demos.telerik.com/kendo-ui/styling/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| **Tools, Frameworks and Utilities** |
| [Chrome Inspector](https://chrome.google.com/webstore/category/apps) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [DataSource](https://demos.telerik.com/kendo-ui/datasource/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Drawing API](https://demos.telerik.com/kendo-ui/drawing/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Excel Export](https://docs.telerik.com/kendo-ui/framework/excel/introduction) | :x: | :white_check_mark: | :white_check_mark: |
| [Globalization](https://demos.telerik.com/kendo-ui/globalization/index)| :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [HierarchicalDataSource](https://docs.telerik.com/kendo-ui/framework/hierarchicaldatasource/overview) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [AngularJS Integration](https://demos.telerik.com/kendo-ui/integration/index)| :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Bootstrap Friendly](https://demos.telerik.com/kendo-ui/integration/bootstrap)| :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Localization](https://docs.telerik.com/kendo-ui/framework/localization/overview) | :white_check_mark: | :white_check_mark: | :white_check_mark:|
| [MVVM Integration](https://demos.telerik.com/kendo-ui/mvvm/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [PDF Export](https://demos.telerik.com/kendo-ui/pdf-export/index) | :x: | :white_check_mark: | :white_check_mark: |
| [Single-Page Application](https://demos.telerik.com/kendo-ui/spa/index)| :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [Templates](https://demos.telerik.com/kendo-ui/templates/index) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| [ThemeBuilder](https://demos.telerik.com/kendo-ui/themebuilder) | :white_check_mark: | :white_check_mark: | :white_check_mark: |
| **Official Support** | :x: | :white_check_mark: | :white_check_mark: |

## Compatibility and Requirements

Kendo UI Core depends on the following libraries:

- [jQuery](http://www.jquery.com) v3.7.1

Kendo UI Core has not been tested against any other versions of these libraries. You may find that versions other than these are compatible with Kendo UI Core. However, we make no claims to support those versions, and will not troubleshoot issues that arise when using those versions.

## Building Kendo UI Core

There are two ways to get the source code for Kendo UI Core. You can either download a pre-built zip from [Telerik.com](https://www.telerik.com/kendo-ui/open-source-core), or build the source yourself. The latter approach includes an option for building a distribution of Kendo UI Core that includes only the widgets and framework features required by your app.

### Installing Dependencies

In order to build Kendo UI Core, you need to have **Node.js 24.x**.

For Windows you have to download and install [Git for Windows](https://git-for-windows.github.io/) and [Node.js](http://nodejs.org/download/) and [Visual C++ Build Tools](http://landinghub.visualstudio.com/visual-cpp-build-tools).

Mac OS users should install [Homebrew](http://mxcl.github.com/homebrew/). Once Homebrew is installed, run `brew install git` to install git, and `brew install node@14` to install Node.js.

Linux users can use the [distributions provided by NodeSource](https://github.com/nodesource/distributions) or their package managers to install `git` and `nodejs`.

### How to build Kendo UI Core

Clone a copy of the repository by running

```bash
git clone https://github.com/telerik/kendo-ui-core.git
```

Enter the repository directory

```bash
cd kendo-ui-core
```

Install dependencies:
```bash
npm ci
```

Run the build script:
```bash
npm run build
```
The minified version of the scripts will be put in the `dist/` subdirectory.

### Building only what you need

Create a `src/kendo.custom.js` file. Import the components that you want your bundle to have. E.g.

```javascript
import './kendo.dropdownlist.js';
import './kendo.numerictextbox.js';
```

Add the `bundle all` text after all imports:

```javascript
import './kendo.dropdownlist.js';
import './kendo.numerictextbox.js';

"bundle all";
```

Run `npm run scripts` or `npm run scripts:min` to produce the bundles.

After the process is completed, you should see `dist/js/kendo.custom.js`(or `min.js`) which will contain the combined source code for the given components.

### Development

- Run the dev script in order to compile the source code inside `dist/dev`. The source code is in `esm` format. You can edit the `rolldown.config.dev.mjs` to change the output. We recommend keeping it as is, as the rebuild times are much faster this way.

`npm run scripts:dev` or `npm run scripts:dev -- -w`

- Run the tests:

1. Run `npx playwright install` to install the necessary dependencies.
2. Go to the `tests` folder by using `cd tests`.
3. Run `npx vitest` to execute all tests.

## Source Code and Downloads

If you want to skip building Kendo UI Core yourself, head on over to [Telerik.com](http://www.telerik.com/kendo-ui/open-source-core) to grab the full source.

## Using Kendo UI Core via the Kendo Static CDN

You can also easily include Kendo UI Core in your site or application by using the Kendo CDN:

```html

```
The main advantage of the CDN approach is that your users may be able to leverage a primed cache version of Kendo UI Core if they've visited other sites using the framework.

## Documentation

For complete Kendo UI Documentation, including Kendo UI Core, please visit https://docs.telerik.com/kendo-ui.

## How to Contribute

Kendo UI Core is free and open-source. We encourage and support an active, healthy community that accepts contributions from the public. We'd like you to be a part of that community.

Before contributing to Kendo UI Core, please:

1. Read and sign the [Kendo UI Core Contribution License Agreement](https://www.telerik.com/kendo-ui/cla), to confirm you've read and acknowledged the legal aspects of your contributions, and
2. Read our [contribution guide](CONTRIBUTING.md), which houses all of the necessary info to:
- submit bugs,
- request new features, and
- walk you through the entire process of preparing your code for a Pull Request.

## Getting Help

* Use the
[issues list](https://github.com/telerik/kendo-ui-core/issues)
of this repo for bug reports, related both to Kendo UI Core and Kendo UI Professional

* Get help on
[Stack Overflow](http://stackoverflow.com/questions/tagged/kendo-ui)
or the
[Kendo UI Premium Forums](https://www.telerik.com/forums/kendo-ui-framework)

* File feature requests on [User Voice](https://feedback.telerik.com/kendo-jquery-ui)

As a fully-open source project, Kendo UI Core is a primarily community-supported project, As such, you are encouraged to use forums like Stack Overflow to post questions, and the issues list of this repo to report bugs.

The Kendo UI team does *not* provide formal support for Kendo UI Core, except to those customers who have purchased a [commercial license for Kendo UI](https://www.telerik.com/kendo-ui) (Professional, UI for MVC, etc.) or a support-only package from Telerik.com. Please do not create support requests for this project in the issues list for this repo, as these will be immediately closed. You'll be directed to post your question on a community forum.

## Release Notes

For change logs and release notes, see the [online release notes at Telerik.com](https://www.telerik.com/support/whats-new/kendo-ui/release-history).

## License Information

This project has been released under the [Apache License, version 2.0](http://www.apache.org/licenses/LICENSE-2.0.html), the text of which is included below. This license applies ONLY to the source of this repository and does not extend to any other Kendo UI distribution or variant, or any other 3rd party libraries used in a repository. For licensing information about Kendo UI, see the [License Agreements page](https://www.telerik.com/purchase/license-agreement/kendo-ui) at [Telerik.com](https://www.telerik.com).

> Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

> [http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0)

> Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

*Copyright © 2024 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*

*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*