---
title: Overview
description: "Preview and install the Kendo UI Default theme and style the Kendo UI components in Angular and React projects."
slug: preview_kendothemedefault
position: 1
---

# Default Theme Overview

{% platform_content angular %}
The Kendo UI for Angular Default theme is part of the Kendo UI for Angular library of UI components. It is distributed through NPM under the [kendo-theme-default package](https://www.npmjs.com/package/@progress/kendo-theme-default).
{% endplatform_content %}
{% platform_content react %}
The KendoReact Default theme is part of the KendoReact library of React UI components. It is distributed through NPM under the [kendo-theme-default package](https://www.npmjs.com/package/@progress/kendo-theme-default).
{% endplatform_content %}

## Installation

{% platform_content angular %}
> Due to recent changes in rendering, the Kendo UI Default theme package now requires a kendo-angular-inputs@^4.0.0 version. For more information, refer to [issue #2018](https://github.com/telerik/kendo-angular/issues/2018) on GitHub.
{% endplatform_content %}

1. Download and install the Kendo UI Default theme package.

    ```sh
    npm install --save @progress/kendo-theme-default
    ```

1. For the next steps that include alternative approaches for theme installation, refer to the instructions in the [article on styling in Kendo UI]({% slug themesandstyles %}).

## Preview

To apply the Default theme to any of the examples on this website, use the theme chooser drop-down at the top-right corner of the page. The Material theme styling is loaded by default.

To simultaneously preview multiple components from different packages, to build your own theme, or to customize any of the available Kendo UI ones, use the capabilities of the [Kendo UI Theme Builder](https://themebuilder.telerik.com/) web application.

## Suggested Links

* [Styling the Kendo UI Components]({% slug themesandstyles %})
* [Kendo UI Font Icons]({% slug icons %})
* [Kendo UI Theme Builder](https://themebuilder.telerik.com/)
