# Angular Framework & Features Overview

Kendo UI for Angular takes full advantage from the features which the Angular framework delivers.

For more information on the available framework support, refer to the following articles:

<Row>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="/framework/angular-feature-highlights">
      <ComponentTitle>Angular Framework Features</ComponentTitle>
      <ComponentDescription style={{padding: "0 10px 10px 10px"}}>Explore how Kendo UI for Angular leverages Angular framework capabilities for modern application development.</ComponentDescription>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="/framework/aot">
      <ComponentTitle>Ahead-of-Time Compilation</ComponentTitle>
      <ComponentDescription style={{padding: "0 10px 10px 10px"}}>Optimize application performance with AOT compilation for faster rendering and smaller bundle sizes.</ComponentDescription>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="/framework/tree-shaking">
      <ComponentTitle>Tree Shaking</ComponentTitle>
      <ComponentDescription style={{padding: "0 10px 10px 10px"}}>Reduce bundle size by eliminating unused code through tree shaking optimization techniques.</ComponentDescription>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="/framework/universal">
      <ComponentTitle>Universal Rendering</ComponentTitle>
      <ComponentDescription style={{padding: "0 10px 10px 10px"}}>Enable server-side rendering for improved SEO and faster initial page loads.</ComponentDescription>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="/framework/pwa">
      <ComponentTitle>Progressive Web Applications</ComponentTitle>
      <ComponentDescription style={{padding: "0 10px 10px 10px"}}>Build PWAs with offline capabilities, push notifications, and app-like experiences.</ComponentDescription>
    </Component>
  </Column>
  <Column count={[24,24,8]} style={{marginBottom: "1rem"}}>
    <Component className="tile" href="/framework/kendo-jquery">
      <ComponentTitle>Kendo UI for jQuery Integration</ComponentTitle>
      <ComponentDescription style={{padding: "0 10px 10px 10px"}}>Integrate Kendo UI for jQuery components within Angular applications for extended functionality.</ComponentDescription>
    </Component>
  </Column>
</Row>

<CtaPanelOverview message="@ProductLink is a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial."></CtaPanelOverview>

## Suggested Links

* [Official Angular Documentation](https://angular.dev/overview)
* [Angular Documentation on AoT Compilation](https://angular.dev/tools/libraries/angular-package-format#aot-compiler)
* [Webpack Documentation on Tree Shaking](https://webpack.js.org/guides/tree-shaking/)
* [Angular Universal on GitHub](https://github.com/angular/universal)
* [Getting Started with Progressive Web Apps](https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0)
* [Documentation and API Reference on Kendo UI for jQuery](https://docs.telerik.com/kendo-ui/introduction)