DevExtreme Vue - 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, AngularJS, Knockout, ASP.NET MVC or ASP.NET Core: 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:

  • jQuery versions 2.1 - 2.2 and 3.x
  • Knockout versions 2.2.3 - 2.3.0 and 3.1.0 - 3.4.0
  • AngularJS versions 1.2+ (when using version 1.3 or later, pay attention to the Migration Guide)
  • Angular versions 2.4.2+, 4 and later
  • ASP.NET: ASP.NET MVC 3 and later / ASP.NET Core 1.0.1 and later

You can integrate DevExtreme with other frameworks, or use DevExtreme widgets without jQuery and frameworks:

DevExtreme also supplies TypeScript definitions if you want to use TypeScript syntax.

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.

Localization

Specify a custom format for any value type using the built-in formatting capabilities. DevExtreme supports the Intl and Globalize localization libraries for adapting messages and value formats to linguistic and regional differences.

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.2 --save --save-exact

  • Bower

    bower install devextreme#~17.2 --save

  • NuGet

    Install-Package DevExtreme.Web -Version 17.2.18

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: