---
title: Overview
position: 1
seo_title: Page Templates and UI Building Blocks Documentation | Progress Design System
seo_description: Streamline app development with Telerik and Kendo UI Page
  Templates and Building Blocks for a quicker, more seamless, and efficient
  process. View documentation.
---
## Page Templates

Our professionally built, fully functional, and accessible Telerik and Kendo UI page templates are designed to streamline your development process. They are available for multiple web frameworks, including Angular, React, and Blazor. By utilizing the ready to use page templates, you can quickly and easily bootstrap any landing page, product listing, or dashboard page. Our templates cater to multiple industries, including Fintech, Healthcare, Manufacturing, and many more. Simply install the project template and customize it based on your application requirements.

<ResponsiveList data='{"size":"large","rounded":true,"items":[{"imageBackgroundColor":"#DEDFE3","title":"Automotive Industry","url":"https://www.telerik.com/design-system/docs/templates/previews/automotive-industry","image":"images/templates-automotive-industry-card-image-v4.png","hover":{"actions":[{"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/automotive-industry","primary":true},{"text":"View Details","url":"/ui-templates/templates/automotive-industry/"}]}},{"imageBackgroundColor":"#FF7474","title":"Fashion Catalog","url":"https://www.telerik.com/design-system/docs/templates/previews/fashion-catalog","image":"images/templates-fashion-catalog-card-image-v4.png","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/fashion-catalog"},{"primary":false,"url":"/ui-templates/templates/fashion-catalog/","text":"View Details"}]}},{"imageBackgroundColor":"#68988E","title":"Fintech Dashboard","url":"https://www.telerik.com/design-system/docs/templates/previews/fintech-dashboard","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/fintech-dashboard"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/fintech-dashboard/"}]},"image":"images/templates-fintech-dashboard-card-image-v3.png"},{"imageBackgroundColor":"#509EDE","title":"Healthcare Admin","url":"https://www.telerik.com/design-system/docs/templates/previews/healthcare-dashboard","image":"images/templates-healthcare-admin-card-image-v3.png","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/healthcare-dashboard"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/healthcare-admin/"}]}},{"imageBackgroundColor":"#986EB2","title":" International Bank","url":"https://www.telerik.com/design-system/docs/templates/previews/international-bank","hover":{"actions":[{"primary":true,"url":"https://www.telerik.com/design-system/docs/templates/previews/international-bank","icon":"hyperlink-open","text":"Live Preview"},{"primary":false,"url":"/ui-templates/templates/international-bank/","text":"View Details"}]},"image":"images/templates-international-bank-card-image-v3.png"},{"imageBackgroundColor":"#A3B0F0","url":"https://www.telerik.com/design-system/docs/templates/previews/machine-manufacturing","hover":{"actions":[{"primary":true,"url":"https://www.telerik.com/design-system/docs/templates/previews/machine-manufacturing","icon":"hyperlink-open","text":"Live Preview"},{"primary":false,"url":"/ui-templates/templates/machine-manufacturing/","text":"View Details"}]},"title":"Machine Manufacturing","image":"images/templates-machine-manufacturing-card-image-v3.png"},{"imageBackgroundColor":"#BE8F6A","title":"Real Estate","url":"https://www.telerik.com/design-system/docs/templates/previews/real-estate","image":"images/templates-real-estate-card-image-v3.png","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/real-estate"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/real-estate/"}]}},{"imageBackgroundColor":"#5983D6","title":"SaaS Product","url":"https://www.telerik.com/design-system/docs/templates/previews/saas-product","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/saas-product"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/saas-product/"}]},"image":"images/templates-saas-product-card-image-v3.png"},{"imageBackgroundColor":"#A39DEE","title":" Social Management","url":"https://www.telerik.com/design-system/docs/templates/previews/social-media-management-dashboard","image":"images/templates-social-management-card-image-v4.png","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/social-media-management-dashboard"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/social-management/"}]}},{"imageBackgroundColor":"#FFD682","title":"Travel","image":"images/templates-travel-card-image-v5.png","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/travel-landing"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/travel/"}]},"url":"https://www.telerik.com/design-system/docs/templates/previews/travel-landing"},{"imageBackgroundColor":"#d9c48c","title":"AI Usage Monitoring","url":"https://www.telerik.com/design-system/docs/templates/previews/ai-usage-monitoring","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/ai-usage-monitoring"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/ai-usage-monitoring/"}]},"image":"images/templates-ai-usage-monitoring-card-image.png"},{"imageBackgroundColor":"#818FDD","title":"Project Tracker","tag":"FREE","description":"","url":"https://www.telerik.com/design-system/docs/ui-templates/templates/project-tracker/","image":"images/templates-project-tracker-card-image.png","hover":{"actions":[{"primary":true,"text":"Live Preview","icon":"hyperlink-open","url":"https://www.telerik.com/design-system/docs/templates/previews/project-tracker"},{"primary":false,"text":"View Details","url":"/ui-templates/templates/project-tracker/"}]}}],"imagePosition":"bottom","gradient":true,"padding":"medium","imageElevated":true,"imageRounded":true}'>![Automotive Industry](images/templates-automotive-industry-card-image-v4.png)![Fashion Catalog](images/templates-fashion-catalog-card-image-v4.png)![Fintech Dashboard](images/templates-fintech-dashboard-card-image-v3.png)![Healthcare Admin](images/templates-healthcare-admin-card-image-v3.png)![ International Bank](images/templates-international-bank-card-image-v3.png)![Machine Manufacturing](images/templates-machine-manufacturing-card-image-v3.png)![Real Estate](images/templates-real-estate-card-image-v3.png)![SaaS Product](images/templates-saas-product-card-image-v3.png)![ Social Management](images/templates-social-management-card-image-v4.png)![Travel](images/templates-travel-card-image-v5.png)![AI Usage Monitoring](images/templates-ai-usage-monitoring-card-image.png)![Project Tracker](images/templates-project-tracker-card-image.png)</ResponsiveList>

## Building Blocks

The Telerik and Kendo UI Building Blocks provide a collection of over 50 pre-designed, fully responsive, and customizable UI elements built using the Telerik and Kendo UI components for Angular, React, and Blazor. The building blocks include everything from layouts and tables to hero sections, pricing, and dashboard elements. Simply select the building blocks you need, choose a preferred framework, and copy and paste the code into your project.

### Landing Page Blocks

<ResponsiveList data='{"size":"small","imagePosition":"center","padding":"none","gradient":false,"items":[{"imageBackgroundColor":"#F2F6FB","title":"Hero","image":"images/building-blocks-hero-schematic.png","url":"/ui-templates/building-blocks/landing-page/hero"},{"imageBackgroundColor":"#F2F6FB","title":"Features","image":"images/building-blocks-features-schematic-v2.png","url":"/ui-templates/building-blocks/landing-page/features"},{"imageBackgroundColor":"#F2F6FB","title":"Incentives","image":"images/building-blocks-incentives-schematic.png","url":"/ui-templates/building-blocks/landing-page/incentives"},{"imageBackgroundColor":"#F2F6FB","title":"Newsletter","image":"images/building-blocks-newsletter-schematic.png","url":"/ui-templates/building-blocks/landing-page/newsletter"},{"imageBackgroundColor":"#F2F6FB","title":"Stats","image":"images/building-blocks-stats-schematic.png","url":"/ui-templates/building-blocks/landing-page/stats"},{"imageBackgroundColor":"#F2F6FB","title":"Testimonials","image":"images/building-blocks-testimonials-schematic.png","url":"/ui-templates/building-blocks/landing-page/testimonials"},{"imageBackgroundColor":"#F2F6FB","title":"Contact Form","image":"images/building-blocks-contact-form-schematic.png","url":"/ui-templates/building-blocks/landing-page/contact-form"},{"imageBackgroundColor":"#F2F6FB","title":"Partners","image":"images/building-blocks-partners-schematic.png","url":"/ui-templates/building-blocks/landing-page/partners"},{"imageBackgroundColor":"#F2F6FB","title":"Locations","image":"images/building-blocks-locations-schematic.png","url":"/ui-templates/building-blocks/landing-page/locations"},{"imageBackgroundColor":"#F2F6FB","title":"Footer","image":"images/building-blocks-footer-schematic.png","url":"/ui-templates/building-blocks/landing-page/footer"},{"imageBackgroundColor":"#F2F6FB","title":"Cards","image":"images/building-blocks-cards-schematic.png","url":"/ui-templates/building-blocks/landing-page/cards"},{"imageBackgroundColor":"#F2F6FB","title":"Pricing Section","image":"images/building-blocks-pricing-sections-schematic.png","url":"/ui-templates/building-blocks/landing-page/pricing-section"}]}'>![Hero](images/building-blocks-hero-schematic.png)![Features](images/building-blocks-features-schematic-v2.png)![Incentives](images/building-blocks-incentives-schematic.png)![Newsletter](images/building-blocks-newsletter-schematic.png)![Stats](images/building-blocks-stats-schematic.png)![Testimonials](images/building-blocks-testimonials-schematic.png)![Contact Form](images/building-blocks-contact-form-schematic.png)![Partners](images/building-blocks-partners-schematic.png)![Locations](images/building-blocks-locations-schematic.png)![Footer](images/building-blocks-footer-schematic.png)![Cards](images/building-blocks-cards-schematic.png)![Pricing Section](images/building-blocks-pricing-sections-schematic.png)</ResponsiveList>

### Dashboard Blocks

<ResponsiveList data='{"size":"small","imagePosition":"center","padding":"none","gradient":false,"items":[{"imageBackgroundColor":"#F2F6FB","title":"Top Navbar","image":"images/building-blocks-top-navbar-schematic.png","url":"/ui-templates/building-blocks/dashboard/top-navbar"},{"imageBackgroundColor":"#F2F6FB","title":"Compact Card","image":"images/building-blocks-compact-card-schematic.png","url":"/ui-templates/building-blocks/dashboard/compact-card"},{"imageBackgroundColor":"#F2F6FB","title":"Dashboard Card","image":"images/building-blocks-dashboard-card-schematic.png","url":"/ui-templates/building-blocks/dashboard/dashboard-card"}]}'>![Top Navbar](images/building-blocks-top-navbar-schematic.png)![Compact Card](images/building-blocks-compact-card-schematic.png)![Dashboard Card](images/building-blocks-dashboard-card-schematic.png)</ResponsiveList>

### Listing Page Blocks

<ResponsiveList data='{"size":"small","imagePosition":"center","padding":"none","gradient":false,"items":[{"imageBackgroundColor":"#F2F6FB","title":"Filter","image":"images/building-blocks-filter-schematic.png","url":"/ui-templates/building-blocks/listing-page/filter"},{"imageBackgroundColor":"#F2F6FB","title":"Flyout Navigation","image":"images/building-blocks-flyout-navigation-schematic.png","url":"/ui-templates/building-blocks/listing-page/flyout-navigation"},{"imageBackgroundColor":"#F2F6FB","title":"Product Card","image":"images/building-blocks-product-cards-schematic.png","url":"/ui-templates/building-blocks/listing-page/product-card"},{"imageBackgroundColor":"#F2F6FB","title":"Sorting","url":"/ui-templates/building-blocks/listing-page/sorting","image":"images/building-blocks-sorting-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Login","description":"","url":"/ui-templates/building-blocks/listing-page/login","image":"images/building-blocks-login-schematic.png"},{"imageBackgroundColor":"#F2F6FB","title":"Sign Up","url":"/ui-templates/building-blocks/listing-page/sign-up","image":"images/building-blocks-sign-up-schematic.png"}]}'>![Filter](images/building-blocks-filter-schematic.png)![Flyout Navigation](images/building-blocks-flyout-navigation-schematic.png)![Product Card](images/building-blocks-product-cards-schematic.png)![Sorting](images/building-blocks-sorting-schematic.png)![Login](images/building-blocks-login-schematic.png)![Sign Up](images/building-blocks-sign-up-schematic.png)</ResponsiveList>

### AI Blocks

<ResponsiveList data='{"size":"small","imagePosition":"center","padding":"none","gradient":false,"items":[{"imageBackgroundColor":"#F2F6FB","title":"AI Powered Editor","image":"images/building-blocks-ai-powered-editor-schematic.png","url":"/ui-templates/building-blocks/ai/ai-powered-editor"},{"imageBackgroundColor":"#F2F6FB","title":"Conversational Sources","image":"images/building-blocks-conversational-sources-schematic.png","url":"/ui-templates/building-blocks/ai/conversational-sources"},{"imageBackgroundColor":"#F2F6FB","title":"Welcome AI","image":"images/building-blocks-welcome-ai-schematic.png","url":"/ui-templates/building-blocks/ai/welcome-ai"}]}'>![AI Powered Editor](images/building-blocks-ai-powered-editor-schematic.png)![Conversational Sources](images/building-blocks-conversational-sources-schematic.png)![Welcome AI](images/building-blocks-welcome-ai-schematic.png)</ResponsiveList>