Introduction to DevExtreme

DevExtreme is a component suite for creating highly responsive web applications for touch devices and traditional desktops. The suite includes 50+ UI components ready to use with jQuery, Angular or Knockout: data grid, interactive charts, data editors, navigation and multi-purpose widgets designed to look and behave harmoniously in any browser.

Integration with 3rd-Party Libraries and Frameworks

DevExtreme supports integration with client-side technologies and server-side frameworks:

And for those of you, who got used to TypeScript syntax, DevExtreme supplies TypeScript definitions.

Data Layer

Easily bind DevExtreme widgets to your data source no matter whether it is local or remote. Choose one of ready-to-use stores or implement your own data access logic.

Theming

Making sure that our UI widgets look native on any devices and in any browser, we provide a wide range of predefined themes. In case you need to create a new theme based on an existing DevExtreme or Bootstrap theme, the Theme Builder is at your service.

Modularity

To make your application or website faster and lighter, we introduced a modular version of DevExtreme. Combining modules, you can create a custom bundle that includes only those code parts that you need.

Visual Studio Integration

For those who got used to Visual Studio, we introduced a number of project templates and helpful design-time features.

Download and Install

To include DevExtreme to your project, use the appropriate distribution package.

  • npm

    npm install devextreme@17.1 --save --save-exact 
  • Bower

    bower install devextreme#~17.1 --save
  • NuGet

    Install-Package DevExtreme.Web -Version 17.1.7

For Visual Studio integration features, get the Windows installer, or otherwise, download just the client-side library and its widgets as a zip archive.

Learning Materials

The following resources will help you to get the best of DevExtreme: