---
title: AI Usage Monitoring
position: 1
seo_title: AI Usage Monitoring Dashboard Page Template | Progress Telerik
seo_description: "Optimize your AI usage with a secure, optimized and
  customizable dashboard page template. "
---
## Overview

The AI Usage Monitoring Dashboard is designed to provide real-time insights into your AI usage, allowing you to actively manage essential resources such as token consumption, costs, rate limits, requests, and team members. It streamlines the process of managing API keys and offers tools to analyze and adjust your usage patterns for optimal performance.


Use this AI Usage Monitoring Dashboard to optimize workflows and stay in control of your AI resources.

### Building Blocks Included

The AI Usage Monitoring Dashboard page template features the following building blocks:

<ResponsiveList data='{"items":[{"imageBackgroundColor":"#F2F6FB","title":"Top Navbar 1","url":"/ui-templates/building-blocks/dashboard/top-navbar/#top-navbar-1","image":"images/building-blocks-top-navbar-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Compact Card 9","url":"/ui-templates/building-blocks/dashboard/compact-card/#compact-card-9","image":"images/building-blocks-compact-card-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Dashboard Card 8","url":"/ui-templates/building-blocks/dashboard/dashboard-card/#dashboard-card-8","image":"images/building-blocks-dashboard-card-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Dashboard Card 11","url":"/ui-templates/building-blocks/dashboard/dashboard-card/#dashboard-card-11","image":"images/building-blocks-dashboard-card-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Dashboard Card 12","url":"/ui-templates/building-blocks/dashboard/dashboard-card/#dashboard-card-12","image":"images/building-blocks-dashboard-card-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Dashboard Card 14","url":"/ui-templates/building-blocks/dashboard/dashboard-card/#dashboard-card-14","image":"images/building-blocks-dashboard-card-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Footer 7","url":"/ui-templates/building-blocks/landing-page/footer/#footer-7","image":"images/building-blocks-footer-schematic.png"}]}'>![Top Navbar 1](images/building-blocks-top-navbar-schematic.png)![Compact Card 9](images/building-blocks-compact-card-schematic.png)![Dashboard Card 11](images/building-blocks-dashboard-card-schematic.png)![Dashboard Card 12](images/building-blocks-dashboard-card-schematic.png)![Dashboard Card 8](images/building-blocks-dashboard-card-schematic.png)![Dashboard Card 14](images/building-blocks-dashboard-card-schematic.png)![Footer 7](images/building-blocks-footer-schematic.png)</ResponsiveList>

### UI Components Documentation

For product-specific information, refer to the corresponding Telerik and Kendo UI documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for Angular Product Homepage","description":"Discover the Kendo UI for Angular components.","url":"https://www.telerik.com/kendo-angular-ui/components/"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for Blazor Product Homepage","description":"Discover the Telerik UI for Blazor components.","url":"https://docs.telerik.com/blazor-ui/introduction"}'>![Telerik UI for Blazor logo.](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact Product Homepage","description":"Discover the KendoReact UI components.","url":"https://www.telerik.com/kendo-react-ui/components/introduction/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

</Wrap>