All Components


The Kendo UI Material theme is available through the @progress/kendo-theme-material NPM module.


  1. Download and install the package of the Material theme.

    npm install --save @progress/kendo-theme-material
  2. Include the Material theme in your application according to the instructions in the article on styling.


The following additional modules are optional and are required by projects which aim to implement the Material Design Guidelines style effects:

  • Ripple effect—Available through the kendoRippleContainer directive from the @progress/kendo-angular-ripple NPM module. The Ripple directive provides the Material ink ripple effect for the Kendo UI components for Angular and is fully compatible with all available Kendo UI themes.
  • Floating labels—Available through the kendo-textbox-container component from the @progress/kendo-angular-inputs NPM module. The TextBox enables you to style and provide a floating label functionality to input elements.


The following example previews Kendo UI components which are styled with the Material theme.

In this article