JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Kendo Ui Core

    Kendo UI Core
    Filed under 

    • 🔾71%Overall
    • 2,512
    • 1.7 days
    • 🕩1898
    • 👥11

    Kendo UI Core

    CI

    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 UI for MVC/Core/JSP/PHP
    Data Management
    Grid :x: :white_check_mark: :white_check_mark:
    FileManager :x: :white_check_mark: :white_check_mark:
    Spreadsheet :x: :white_check_mark: :white_check_mark:
    ListView :white_check_mark: :white_check_mark: :white_check_mark:
    PivotGrid :x: :white_check_mark: :white_check_mark:
    TreeList :x: :white_check_mark: :white_check_mark:
    Filter :x: :white_check_mark: :white_check_mark:
    Pager :white_check_mark: :white_check_mark: :white_check_mark:
    Editors
    AutoComplete :white_check_mark: :white_check_mark: :white_check_mark:
    Color Picker :white_check_mark: :white_check_mark: :white_check_mark:
    ComboBox :white_check_mark: :white_check_mark: :white_check_mark:
    DateInput :white_check_mark: :white_check_mark: :white_check_mark:
    DatePicker :white_check_mark: :white_check_mark: :white_check_mark:
    DateRangePicker :x: :white_check_mark: :white_check_mark:
    DateTimePicker :white_check_mark: :white_check_mark: :white_check_mark:
    DropDownList :white_check_mark: :white_check_mark: :white_check_mark:
    DropDownTree :x: :white_check_mark: :white_check_mark:
    Editor :x: :white_check_mark: :white_check_mark:
    ListBox :white_check_mark: :white_check_mark: :white_check_mark:
    MaskedTextBox :white_check_mark: :white_check_mark: :white_check_mark:
    MultiColumnComboBox :x: :white_check_mark: :white_check_mark:
    MultiSelect :white_check_mark: :white_check_mark: :white_check_mark:
    NumericTextBox :white_check_mark: :white_check_mark: :white_check_mark:
    Rating :x: :white_check_mark: :white_check_mark:
    Slider :white_check_mark: :white_check_mark: :white_check_mark:
    Switch :x: :white_check_mark: :white_check_mark:
    TextBox :white_check_mark: :white_check_mark: :white_check_mark:
    TimePicker :white_check_mark: :white_check_mark: :white_check_mark:
    Upload :x: :white_check_mark: :white_check_mark:
    Validator :white_check_mark: :white_check_mark: :white_check_mark:
    Conversational UI
    Chat :x: :white_check_mark: :white_check_mark:
    Charts
    Area Charts :x: :white_check_mark: :white_check_mark:
    Bar Charts :x: :white_check_mark: :white_check_mark:
    Box Plot Charts :x: :white_check_mark: :white_check_mark:
    Bubble Charts :x: :white_check_mark: :white_check_mark:
    Bullet Charts :x: :white_check_mark: :white_check_mark:
    Chart API :x: :white_check_mark: :white_check_mark:
    Donut Charts :x: :white_check_mark: :white_check_mark:
    Funnel Charts :x: :white_check_mark: :white_check_mark:
    Line Charts :x: :white_check_mark: :white_check_mark:
    Pie Charts :x: :white_check_mark: :white_check_mark:
    Polar Charts :x: :white_check_mark: :white_check_mark:
    Radar Charts :x: :white_check_mark: :white_check_mark:
    Range Bar Charts :x: :white_check_mark: :white_check_mark:
    Scatter Charts :x: :white_check_mark: :white_check_mark:
    Sparklines :x: :white_check_mark: :white_check_mark:
    Stock Charts :x: :white_check_mark: :white_check_mark:
    TreeMap :x: :white_check_mark: :white_check_mark:
    Waterfall Charts :x: :white_check_mark: :white_check_mark:
    Gauges
    ArcGauge :x: :white_check_mark: :white_check_mark:
    CircularGauge :x: :white_check_mark: :white_check_mark:
    LinearGauge :x: :white_check_mark: :white_check_mark:
    RadialGauge :x: :white_check_mark: :white_check_mark:
    Barcodes
    Barcode :x: :white_check_mark: :white_check_mark:
    QR Code :x: :white_check_mark: :white_check_mark:
    Diagram and Maps
    Diagram :x: :white_check_mark: :white_check_mark:
    Map :x: :white_check_mark: :white_check_mark:
    Scheduling
    Calendar :white_check_mark: :white_check_mark: :white_check_mark:
    Gantt :x: :white_check_mark: :white_check_mark:
    MultiViewCalendar :x: :white_check_mark: :white_check_mark:
    Scheduler :x: :white_check_mark: :white_check_mark:
    Layout
    Badge :white_check_mark: :white_check_mark: :white_check_mark:
    Dialog :white_check_mark: :white_check_mark: :white_check_mark:
    ExpansionPanel :x: :white_check_mark: :white_check_mark:
    Form :x: :white_check_mark: :white_check_mark:
    Notification :white_check_mark: :white_check_mark: :white_check_mark:
    Popover :x: :white_check_mark: :white_check_mark:
    Responsive Panel :white_check_mark: :white_check_mark: :white_check_mark:
    Splitter :white_check_mark: :white_check_mark: :white_check_mark:
    TileLayout :x: :white_check_mark: :white_check_mark:
    Tooltip :white_check_mark: :white_check_mark: :white_check_mark:
    Window :white_check_mark: :white_check_mark: :white_check_mark:
    Media
    MediaPlayer :x: :white_check_mark: :white_check_mark:
    ScrollView :x: :white_check_mark: :white_check_mark:
    PDF
    PDFViewer :x: :white_check_mark: :white_check_mark:
    Navigation
    ActionSheet :x: :white_check_mark: :white_check_mark:
    Breadcrumb :x: :white_check_mark: :white_check_mark:
    Button :white_check_mark: :white_check_mark: :white_check_mark:
    ButtonGroup :white_check_mark: :white_check_mark: :white_check_mark:
    Drawer :x: :white_check_mark: :white_check_mark:
    Menu :white_check_mark: :white_check_mark: :white_check_mark:
    PanelBar :white_check_mark: :white_check_mark: :white_check_mark:
    Stepper :x: :white_check_mark: :white_check_mark:
    TabStrip :white_check_mark: :white_check_mark: :white_check_mark:
    Timeline :x: :white_check_mark: :white_check_mark:
    ToolBar :white_check_mark: :white_check_mark: :white_check_mark:
    TreeView :x: :white_check_mark: :white_check_mark:
    Wizard :x: :white_check_mark: :white_check_mark:
    Interactivity and UX
    Drag-and-Drop :white_check_mark: :white_check_mark: :white_check_mark:
    Effects :white_check_mark: :white_check_mark: :white_check_mark:
    ProgressBar :white_check_mark: :white_check_mark: :white_check_mark:
    Sortable :white_check_mark: :white_check_mark: :white_check_mark:
    Styling :white_check_mark: :white_check_mark: :white_check_mark:
    Tools, Frameworks and Utilities
    Chrome Inspector :white_check_mark: :white_check_mark: :white_check_mark:
    DataSource :white_check_mark: :white_check_mark: :white_check_mark:
    Drawing API :x: :white_check_mark: :white_check_mark:
    Excel Export :x: :white_check_mark: :white_check_mark:
    Globalization :white_check_mark: :white_check_mark: :white_check_mark:
    HierarchicalDataSource :white_check_mark: :white_check_mark: :white_check_mark:
    AngularJS Integration :white_check_mark: :white_check_mark: :white_check_mark:
    Bootstrap Friendly :white_check_mark: :white_check_mark: :white_check_mark:
    Localization :white_check_mark: :white_check_mark: :white_check_mark:
    MVVM Integration :white_check_mark: :white_check_mark: :white_check_mark:
    PDF Export :x: :white_check_mark: :white_check_mark:
    Single-Page Application :white_check_mark: :white_check_mark: :white_check_mark:
    Templates :white_check_mark: :white_check_mark: :white_check_mark:
    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:

    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, or build the source yourself using Gulp. 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 14.x and git 2.x.

    For Windows you have to download and install Git for Windows and Node.js and Visual C++ Build Tools.

    Mac OS users should install 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 or their package managers to install git and nodejs.

    How to build Kendo UI Core

    Clone a copy of the repository by running

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

    Enter the repository directory

    cd kendo-ui-core
    

    Initialize the submodule repository

    git submodule update --init
    

    Run the build script:

    npm run build
    

    The minified version of the scripts and styles of Kendo UI Core will be put in the dist/ subdirectory.

    There are several other tasks available:

    npx gulp --tasks
    

    Building only what you need

    The gulp custom task will create a custom minified file - dist/kendo.custom.min.js, which includes only the specified components. The following command will include only the autocomplete and dropdownlist widgets:

    npx gulp custom -c autocomplete,dropdownlist
    

    Building ESM and CJS modules

    The npm script npm run scripts:modules will create two folders (cjs and esm) in the dist folder, which includes the bundled modules.

    Development

    • Run the dev script in order to compile both modules and js files in dist/dev and dist/mjs folder

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

    • Run the tests by running npx gulp tests

    Source Code and Downloads

    If you want to skip building Kendo UI Core yourself, head on over to Telerik.com 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:

    <link href="http://kendo.cdn.telerik.com/2014.2.716/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://kendo.cdn.telerik.com/2014.2.716/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="http://kendo.cdn.telerik.com/2014.2.716/js/jquery.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2014.2.716/js/kendo.ui.core.min.js"></script>
    

    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, to confirm you've read and acknowledged the legal aspects of your contributions, and
    2. Read our contribution guide, 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

    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 (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.

    License Information

    This project has been released under the Apache License, version 2.0, 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 at 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

    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 © 2023 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.

    Show All