Kendo Beta

What is Kendo UI

Kendo UI is an HTML5, jQuery-based framework for building modern web apps. The framework features more than a dozen UI components, including a Grid and Chart, and all of the tools needed for a HTML5 app development, such as Data Binding, Templating, Drag-and-Drop API, and more. When you start building with Kendo UI, you have the core pieces you need:

• UI widgets
• Client-side DataSource
• High-performance Templates
• Data Binding
• Drag-and-Drop API
• Animations
• Built-in touch support

There’s no need to manually assemble a full framework for HTML app development; Kendo UI provides all the building blocks, designed to seamlessly work together. It is not only UI, but much more.

Built for Performance

Every aspect of Kendo UI has been built to deliver performance before providing a laundry list of features. No shortcuts have been made to artificially inflate the Kendo UI feature set. 

Built for Real World Use

Even though Kendo UI is built to leverage the power of new HTML5, CSS3, and JavaScript technologies, it is also built for the realities of a world that does not universally support HTML5 today. In fact, Kendo helps developers adopt the latest in web standards faster by automatically handling the support for older browsers. It does for HTML5 application development what jQuery does for JavaScript.

Download

You can download Kendo UI here

Contents of Kendo UI zip file distribution:

• /examples - Kendo UI quick start demos
• /js - Kendo UI minified javascript files
• /source - Kendo UI complete source code
• /styles - Kendo UI minified css styles

Installing and Getting Started with Kendo UI

Kendo UI is a pure JavaScript library, so installing and getting started is quick and easy:

1. Download Kendo UI
2. Copy the Kendo UI CSS and JavaScript resources to your project
3. Configure your page to use Kendo UI scripts and skins: 
   Kendo UI Web

       <!--In the header of your page, paste the following for Kendo UI Web styles-->
       <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
       <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
   
       <!--Then paste the following for Kendo UI Web scripts-->
       <script src="js/jquery.min.js" type="text/javascript"></script>
       <script src="js/kendo.web.min.js" type="text/javascript"></script>
   

   
   Kendo UI DataViz

       <!--In the header of your page, paste the following for Kendo UI DataViz style sheet -->
       <link href="styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
   
       <!--Then paste the following for Kendo UI DataViz scripts-->
       <script src="js/jquery.min.js" type="text/javascript"></script>
       <script src="js/kendo.dataviz.min.js" type="text/javascript"></script>
   

   
   Kendo UI Mobile

       <!--In the header of your page, paste the following for Kendo UI Mobile styles-->
       <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
   
       <!--Then paste the following for Kendo UI Mobile scripts-->
       <script src="js/jquery.min.js" type="text/javascript"></script>
       <script src="js/kendo.mobile.min.js" type="text/javascript"></script>
   

4. You are now ready to use Kendo UI. Check the demos to see how quickly you can begin building rich HTML5 applications.