Анализ сайта kendoui.com
Основное Готовность: 75%
Домен
kendoui.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Цепочка редиректов:
http://kendoui.com
301 MovedPermanently
https://www.telerik.com/kendo-ui
200 OK
Безопасность
Сайт безопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 02.10.2026 1:49:30.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~0,66сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 0,66сек оптимальна.
Объем документа
350Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 350Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 21
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 21 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | text/css | https://dtzbdy9anri2p.cloudfront.net/cache/56eb6092ec76515afdab8d71e3f978f10325d00b/telerik/css/style.css |
| stylesheet | text/css | https://dtzbdy9anri2p.cloudfront.net/cache/65fce850296049c4dd76c8da8cfb6bdd7db4496b/telerik/css/kendo.css |
| stylesheet | text/css | https://d6vtbcy3ong79.cloudfront.net/fonts/latest/css/metric.min.css |
| stylesheet | text/css | https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.7.52/css/index.min.css |
| js | text/javascript | /WebResource.axd?d=DzHrpQl5URXarFHAtrmzFpt6hpdYvmVwc29NQZNtMGYSoltUbAFJEjMHfeT-tzVeK6OZukCFlV6BUAzSF-hYBiteasUOhQP_tGcrTDu8m-w3KCOWNLkTXCR0J5idbgmxGzpR0EpgjCZ5_eBWd3lCL6thd1nxNHa5rJpeKjowO8ZlICp89mZWQ717VGriGsdw0&t=639198239780000000 |
| js | text/javascript | /WebResource.axd?d=HtQyXelCu6mzSPcVcvK_BnBLuTvfT4YnhIxMh-5HvNKgqByRIHbbXoW-WLawts4Fh-UeZCJ3U3bxoGXTa9IeTV0YgoErORFnWeFm4Ee4GKMjgFOUUaD27X8_kP6MXFbUOYCXuGSyPJKcRpIAXeuKlNLzK7M8ff_SiSbDuCJrAGc7qHYMaATrTTzCQGFPIhXxUg-JFb_e0_0l8itIi7oyj_QLiEUjvHa-WpKcceSkwp41&t=639198240000000000 |
| js | https://cdn.insight.sitefinity.com/sdk/sitefinity-insight-client.min.3.1.44.js | |
| js | text/plain | //script.crazyegg.com/pages/scripts/0087/4351.js |
| js | /abtesting/active-ab-tests.js | |
| js | text/plain | https://d6vtbcy3ong79.cloudfront.net/external-assets/latest/utils/store-lead-data.min.js |
| js | module | https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.7.52/js/index.min.mjs |
| js | text/javascript | https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations.min.js |
| js | text/javascript | https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js |
| js | text/javascript | https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.4.1/jquery-migrate.min.js |
| js | text/javascript | https://cdn.cookielaw.org/consent/3dfce4f2-dab6-4128-9f33-df7e0597da82/otSDKStub.js |
| js | text/javascript | https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.Widgets.SEO/Mvc/Scripts/Shared/referrer-policy.min.js?package=PureMvc&v=MTYyOTQ3NzU3MQ%3d%3d |
| js | text/javascript | /Frontend-Assembly/Telerik.Sitefinity.Frontend.Lists/Mvc/Scripts/Lists/lists.min.js?package=PureMvc&v=LTE1NjE3Mzg2NDc%3d |
| js | text/javascript | https://dtzbdy9anri2p.cloudfront.net/cache/ff307eaa54e1b8854a96d0e69fc7954b734f3a49/telerik/js/dist/all.min.js |
| js | text/javascript | /WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPhr-2awQiGC1t4afxFkRlQ9hya2sD15bGrdgIYxV5oymd7lM20nXinlfNQ7rubKudQ2RDNHnt0G9zqYW8HltmFjcKKorrcw5dV0tBFxsPvDHJP04y9syTz7mNZS4jPK7kvcqYvWCXk_9LL20Ml6lJlZfLS7RIWZnqaGGXv0sk0sXw5161BHGhvkqb9uCayn9Kq57pV9u23lE6Pml2fnEAC01&t=639198240780000000 |
| js | text/javascript | https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.SitefinityExtensions.EloquaConnector/Scripts/BrowserSessionStorage.min.js?package=PureMvc&v=LTEyMjgzMzAzMDI%3d&v=LTEyMjgzMzAzMDI%3d |
| js | text/javascript | https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.SitefinityExtensions.EloquaConnector/Scripts/SetBrowserSessionStorage.min.js?package=PureMvc&v=LTEyMjgzMzAzMDI%3d&v=LTEyMjgzMzAzMDI%3d) |
Серверные заголовки
Кол-во: 18
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 18шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sat, 22 Aug 2026 06:18:09 GMT |
| cf-ray | a2efc2313b1a9dd0-DME |
| cf-cache-status | DYNAMIC |
| Access-Control-Allow-Origin | http://localconverter.telerik.com |
| Cache-Control | public, max-age=0, s-maxage=43200 |
| Vary | accept-encoding |
| Server | cloudflare |
| Strict-Transport-Security | max-age=31536000 |
| Access-Control-Expose-Headers | Request-Context |
| cache-tag | 68714985-2399-4058-b04f-a66d8da81f0c|Production|www.telerik.com|/kendo-ui, 68714985-2399-4058-b04f-a66d8da81f0c|Production |
| Referrer-Policy | strict-origin-when-cross-origin |
| request-context | appId=cid-v1:8cc08eb5-91c4-4199-a33f-27e4f38c80d3 |
| X-Content-Type-Options | nosniff |
| X-Frame-Options | SAMEORIGIN |
| X-XSS-Protection | 1; mode=block |
| sf-cache-key | Bzwq8NS2PoUffw9Lp0aQj0WgVoDeq7yEA18cjrFLg-E1 |
| sf-cache-status | HIT |
| Alt-Svc | h3=":443" |
CMS
Не определена
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер
Cloudflare
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Cloudflare.
Мета-теги Готовность: 48%
Title
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо уменьшить число символов в title (текущее значение: 76, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 156, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
https://www.telerik.com/kendo-ui
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Канонический Url прописан корректно.
Robots
Ошибок нет
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность
width=device-width, initial-scale=1
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Разметка OpenGraph
Кол-во: 7
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
| Тип | Значение |
|---|---|
| og:title | JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI |
| og:description | Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. |
| og:url | https://www.telerik.com/kendo-ui |
| og:type | website |
| og:site_name | Telerik.com |
| og:image | https://www.telerik.com/sfimages/default-source/logos/telerik1200x630.png |
| og:locale | en-US |
Все мета-теги
Кол-во: 17
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 17шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1 |
| name | twitter:title | JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI |
| name | twitter:description | Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. |
| name | twitter:url | https://www.telerik.com/kendo-ui |
| name | twitter:image | https://www.telerik.com/sfimages/default-source/logos/telerik1200x630.png |
| name | twitter:site | @Telerik |
| name | twitter:creator | @Telerik |
| name | twitter:card | summary_large_image |
| name | description | Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. |
| property | og:title | JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI |
| property | og:description | Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. |
| property | og:url | https://www.telerik.com/kendo-ui |
| property | og:type | website |
| property | og:site_name | Telerik.com |
| property | og:image | https://www.telerik.com/sfimages/default-source/logos/telerik1200x630.png |
| property | og:locale | en-US |
| property | fb:app_id | 472070859628573 |
Оптимизация Готовность: 92%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в единственном экземпляре).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 8 встречаются в тексте достаточно.
Абзацев с текстом 81 достаточно.
Среднее число слов в абзаце 15 достаточно.
Кол-во знаков контента 21261 на странице оптимально.
Кол-во слов 3027 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 10. Это хорошо.
На странице присутствуют заголовки <h3> 123.
Тошнота
6,32
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 5. Измените текст страницы!
Академич. тошнота
13,05%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота страницы в пределах нормы.
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| components | 40 | 1,32% |
| blocks | 37 | 1,22% |
| angular | 24 | 0,79% |
| javascript | 23 | 0,76% |
| jquery | 23 | 0,76% |
| support | 22 | 0,73% |
| updated | 17 | 0,56% |
| progress | 14 | 0,46% |
| kendoreact | 14 | 0,46% |
| telerik | 13 | 0,43% |
| product | 11 | 0,36% |
| button | 11 | 0,36% |
| modern | 10 | 0,33% |
| templates | 10 | 0,33% |
| libraries | 9 | 0,30% |
| charts | 9 | 0,30% |
| servers | 8 | 0,26% |
| developer | 8 | 0,26% |
| themebuilder | 8 | 0,26% |
| building | 8 | 0,26% |
Индексация Готовность: 0%
Индексирование
Есть ошибки
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 802 слишком много. Проведите ревизию и оптимизацию ссылок сайта.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 358610 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://kendoui.com/robots.txt
301 MovedPermanently
https://www.telerik.com/kendo-ui
200 OK
Показать содержимое robots.txt
<!doctype html> <html id="html" lang="en"> <head> <meta charset="utf-8" /><script type="text/html" id="sf-tracking-consent-manager">
<div id="tracking-consent-dialog" style="display:none" />
</script><script type="text/javascript" src="/WebResource.axd?d=DzHrpQl5URXarFHAtrmzFpt6hpdYvmVwc29NQZNtMGYSoltUbAFJEjMHfeT-tzVeK6OZukCFlV6BUAzSF-hYBiteasUOhQP_tGcrTDu8m-w3KCOWNLkTXCR0J5idbgmxGzpR0EpgjCZ5_eBWd3lCL6thd1nxNHa5rJpeKjowO8ZlICp89mZWQ717VGriGsdw0&t=639198239780000000">
</script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" href="/favicon.ico?v=rebv1" /> <link href="https://dtzbdy9anri2p.cloudfront.net/cache/56eb6092ec76515afdab8d71e3f978f10325d00b/telerik/css/style.css" rel="stylesheet" type="text/css"><link href="https://dtzbdy9anri2p.cloudfront.net/cache/65fce850296049c4dd76c8da8cfb6bdd7db4496b/telerik/css/kendo.css" rel="stylesheet" type="text/css"> <title>
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
</title> <meta property="og:title" content="JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI" /><meta property="og:description" content="Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue." /><meta property="og:url" content="https://www.telerik.com/kendo-ui" /><meta property="og:type" content="website" /><meta property="og:site_name" content="Telerik.com" /><style type="text/css" media="all">.DC-scroller a,.DC-scroller a.is-active:hover,.DC-scroller.DC-scroller--light a.is-active:hover{text-decoration:none}@keyframes fade-in{0{opacity:0}100%{opacity:1}}.DC-scroller{position:fixed;z-index:9999999;top:50%;transform:translateY(-50%);left:40px;backface-visibility:hidden;transition:opacity .3s;opacity:0;animation:.8s 1s forwards fade-in}.DC-scroller a{display:inline-block;float:left;clear:both;font:600 13px/1.3 Metric,sans-serif;text-transform:uppercase;letter-spacing:1px!important;color:#fff;padding:3px 10px;border-radius:15px;border:1px solid transparent;margin-bottom:10px;transition:.3s}.DC-scroller a.is-active{color:#fff;border-color:inherit}.DC-scroller a:hover{text-decoration:underline}#html body.is-scrolling{pointer-events:none}.DC-scroller.DC-scroller--light a{color:#3d57d8}.DC-scroller.DC-scroller--light a.is-active{color:#000}.DC-scroller.DC-scroller--light a:hover{text-decoration:underline}#html .Btn--round2{color:#fff!important}@media (max-width:1560px){.DC-scroller{display:none}}[tabindex="-1"]{outline: 0}</style><style type="text/css" media="all">.flip-box{background-color:transparent;perspective:1000px;flex-basis:270px;cursor:pointer}.flip-box-inner{position:relative;width:100%;height:100%;transition:transform .5s ease-in-out;transform-style:preserve-3d}.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-front,.flip-box-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-back{transform:rotateY(180deg)}@media only screen and (max-width:590px){#html .flip-box-back p{font-size:14px !important;margin-top:10px !important}}@media all and (-ms-high-contrast:none){*::-ms-backdrop,.flip-box-front{opacity:1;transition:all .15s ease-in-out}*::-ms-backdrop,.flip-box:hover .flip-box-front{opacity:0}*::-ms-backdrop,.flip-box-back{opacity:0;transition:all .25s ease-in-out}*::-ms-backdrop,.flip-box:hover .flip-box-back{backface-visibility:visible;opacity:1}}.u-bg-blue-link{background-color:#3d57d8}@media only screen and (max-width:1280px){.flip-box{flex-basis:240px}}@media only screen and (max-width:800px){.flip-box{flex-basis:270px}}@media only screen and (max-width:600px){.flip-box{flex-basis:230px}}.sfPageEditorWrp .flip-box:hover .flip-box-inner,.sfPageEditorWrp .flip-box-front,.sfPageEditorWrp .flip-box-back{transform:none !important;position:relative !important;display:block !important}</style><style type="text/css" media="all">.u-h90{height:90%!important}.u-bg-blue--gradient--short{background-image:linear-gradient(180deg,#202676,#151950 300px)!important}.u-bg-blue-link{background-color:#3d57d8}.u-bg-blue--gradient--hero{background-image:linear-gradient(180deg,#1b1f62,#202676 100px)!important}.u-bg-blue--gradient--custom{background-image:linear-gradient(180deg,#304ca7,#282f89) !important}.Section--blue-baby{background-color:rgba(147,217,243,1)}.u-ff-mono{font-family:"Inconsolata",Menlo,Courier New,Courier,Mono,monospace}.Text--grey-custom{color:#f5f6f7}.u-p1h{padding:15px!important}.u-pt1h{padding-top:15px!important}@media only screen and (max-width:800px){.u-m-h85{height:85%!important}}</style><style type="text/css" media="all">@media only screen and (max-width:1280px){.Sctn-awards{background-color:#282f89!important}}</style><style type="text/css" media="all">.Navigator-links{min-height:auto}.Navigator-links a,.Navigator-links a.is-active{flex:1 1 auto;padding:12px 20px !important}.Navigator-links a:before{content:"";display:inline-block;top:0;left:0;width:30px;height:30px;margin-right:7px;vertical-align:bottom;background-size:cover}.Navigator-links a[href*=jquery]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23005099%7D%3C/style%3E%3C/defs%3E%3Cg style='opacity:.997' transform='translate(1.124 .5)'%3E%3Ccircle cx='15' cy='15' r='15' style='fill:%23fff;stroke:%23fff;stroke-width:2px' transform='translate(-.124 .5)'/%3E%3Cpath d='M4.901 9.431c-2.125 3.053-1.863 7.026-.237 10.27.037.079.078.154.118.231.023.049.049.1.076.148a.876.876 0 0 0 .047.083c.026.053.054.1.082.152.053.088.1.178.157.265.03.049.058.1.091.146.055.094.12.187.177.281.026.04.05.079.078.118.083.127.167.253.26.376a.011.011 0 0 0 .007.008c.014.021.03.041.044.06.078.107.156.212.238.315l.087.114c.075.09.148.181.221.271l.085.1c.1.117.2.234.305.349l.005.007a.055.055 0 0 0 .014.013q.151.166.308.327l.1.1c.08.081.16.163.245.243l.1.1c.111.1.223.209.34.309h.005l.058.05q.153.131.31.261a11.351 11.351 0 0 0 .386.3l.138.1c.094.07.192.139.287.207.035.025.069.051.106.074.008.008.019.015.028.022l.281.185.122.08c.146.093.292.183.437.27.042.022.083.045.123.069.108.062.218.125.329.184.061.034.122.063.185.095s.153.083.233.124a.6.6 0 0 1 .055.024c.033.015.064.032.1.047.122.06.248.117.376.174l.076.035c.145.063.289.123.437.181.035.013.069.029.106.041.134.052.273.1.411.153.018.007.033.013.051.018.153.053.3.1.459.15.036.01.073.023.111.033a4.5 4.5 0 0 0 .473.134c10.276 1.873 13.261-6.175 13.261-6.175-2.508 3.265-6.959 4.127-11.175 3.168-.157-.035-.312-.085-.47-.132a1.679 1.679 0 0 1-.115-.035c-.153-.046-.3-.1-.452-.146-.021-.007-.043-.014-.064-.023-.134-.046-.266-.1-.4-.148-.036-.016-.075-.029-.111-.043a10.507 10.507 0 0 1-.431-.181c-.032-.011-.058-.024-.087-.036a20.462 20.462 0 0 1-.362-.17c-.036-.015-.069-.033-.106-.051a7.369 7.369 0 0 1-.28-.143c-.064-.033-.127-.063-.188-.1-.113-.061-.226-.125-.34-.187a1.245 1.245 0 0 0-.113-.065 16.595 16.595 0 0 1-.438-.269c-.042-.026-.08-.053-.118-.079a12.115 12.115 0 0 1-.313-.207l-.1-.072c-.1-.07-.2-.14-.3-.213l-.131-.1c-.089-.069-.178-.137-.266-.208l-.117-.1a11.444 11.444 0 0 1-.333-.28.3.3 0 0 0-.038-.03c-.117-.1-.233-.211-.348-.318-.035-.033-.064-.063-.1-.1-.083-.082-.167-.162-.249-.244l-.1-.1q-.157-.158-.308-.325l-.016-.016a17.587 17.587 0 0 1-.312-.355c-.028-.032-.054-.065-.082-.1l-.226-.277a13.005 13.005 0 0 1-.34-.446c-2.339-3.192-3.184-7.6-1.312-11.211' class='c'/%3E%3Cpath d='M11.498 6.856a7.379 7.379 0 0 0-.256 7.511 9.186 9.186 0 0 0 .679 1.133 5.277 5.277 0 0 0 .792.988c.108.122.225.24.345.36l.09.09a12.118 12.118 0 0 0 .366.339c.134.118.27.231.411.34.033.024.063.05.1.073.139.109.282.213.426.316.006 0 .009.006.016.008.063.045.129.087.2.131.029.019.061.042.09.06.106.069.21.133.319.2l.047.024c.091.055.187.109.282.158.033.02.066.035.1.054.066.033.132.068.2.1l.031.014c.136.067.273.129.409.191l.092.037c.111.048.224.095.336.138.05.016.1.036.144.053.1.037.207.072.31.106l.141.045a3.1 3.1 0 0 0 .449.13c7.931 1.315 9.766-4.794 9.766-4.794a7.536 7.536 0 0 1-8.261 2.627q-.23-.059-.449-.131c-.047-.012-.089-.027-.134-.042a7.771 7.771 0 0 1-.315-.108l-.143-.053c-.113-.045-.226-.088-.336-.137-.033-.014-.064-.025-.09-.038-.141-.061-.28-.126-.416-.192l-.207-.107-.118-.06c-.092-.048-.178-.1-.264-.15l-.063-.034c-.106-.064-.215-.129-.317-.2-.035-.02-.064-.043-.1-.063a9.256 9.256 0 0 1-.209-.137c-.145-.1-.285-.206-.426-.312l-.1-.077a9.526 9.526 0 0 1-3.249-4.616 7.166 7.166 0 0 1 .559-5.75' class='c'/%3E%3Cpath d='M17.045 4.934a4.622 4.622 0 0 0-.369 4.46 6.29 6.29 0 0 0 3.609 3.37c.064.025.129.046.195.069l.089.028a2.5 2.5 0 0 0 .28.082c4.382.846 5.569-2.248 5.888-2.7-1.043 1.5-2.792 1.859-4.939 1.337a5.209 5.209 0 0 1-.517-.161 6.75 6.75 0 0 1-.618-.255 6.5 6.5 0 0 1-1.081-.661c-1.922-1.457-3.112-4.236-1.859-6.5' class='c'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat}.Navigator-links a[href*=angular]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='6.6' x2='24.84' y1='12.98' y2='21.66' gradientTransform='matrix(1 0 0 -1 0 34)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23e40035'/%3E%3Cstop offset='.2' stop-color='%23f60a48'/%3E%3Cstop offset='.4' stop-color='%23f20755'/%3E%3Cstop offset='.5' stop-color='%23dc087d'/%3E%3Cstop offset='.7' stop-color='%239717e7'/%3E%3Cstop offset='1' stop-color='%236c00f5'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='9.27' x2='21.2' y1='26.39' y2='12.77' gradientTransform='matrix(1 0 0 -1 0 34)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff31d9'/%3E%3Cstop offset='1' stop-color='%23ff5be1' stop-opacity='0'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath d='M4.5 5.17h23v24.34h-23z' style='fill:none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='opacity:1'%3E%3Ccircle cx='16' cy='16' r='15' style='fill:%23fff;stroke:%23fff;stroke-width:2px'/%3E%3C/g%3E%3Cg style='clip-path:url(%23a)'%3E%3Cpath d='m27.4 9.21-.83 13-7.89-17.04 8.72 4.04ZM21.93 26l-5.98 3.4L9.98 26l1.23-2.94h9.52L21.94 26Zm-5.98-14.37 3.14 7.61h-6.26l3.13-7.61ZM5.33 22.18l-.83-13 8.74-4.02-7.92 17.03h.01Z' style='fill:url(%23b)'/%3E%3Cpath d='m27.4 9.21-.83 13-7.89-17.04 8.72 4.04ZM21.93 26l-5.98 3.4L9.98 26l1.23-2.94h9.52L21.94 26Zm-5.98-14.37 3.14 7.61h-6.26l3.13-7.61ZM5.33 22.18l-.83-13 8.74-4.02-7.92 17.03h.01Z' style='fill:url(%23c)'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat}.Navigator-links a[href*=react]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2361dafb%7D%3C/style%3E%3C/defs%3E%3Cg style='opacity:.997' transform='translate(1.124 .5)'%3E%3Ccircle cx='15' cy='15' r='15' style='fill:%23fff;stroke:%23fff;stroke-width:2px' transform='translate(-.124 .5)'/%3E%3Cg transform='translate(-174.546 -75.088)'%3E%3Cpath d='M203.464 90.366c0-1.839-2.3-3.582-5.835-4.663.815-3.6.453-6.463-1.143-7.38a2.481 2.481 0 0 0-1.268-.317v1.262a1.311 1.311 0 0 1 .645.147c.77.441 1.1 2.122.843 4.284a17.218 17.218 0 0 1-.289 1.664 27.426 27.426 0 0 0-3.594-.617 27.606 27.606 0 0 0-2.354-2.83c1.845-1.715 3.577-2.654 4.754-2.654V78c-1.556 0-3.594 1.109-5.654 3.033-2.06-1.913-4.1-3.011-5.654-3.011v1.262c1.171 0 2.909.934 4.754 2.637a26.726 26.726 0 0 0-2.337 2.824 26.427 26.427 0 0 0-3.6.623 17.166 17.166 0 0 1-.294-1.641c-.266-2.162.062-3.843.826-4.29a1.259 1.259 0 0 1 .651-.147v-1.262a2.523 2.523 0 0 0-1.279.317c-1.59.917-1.947 3.775-1.126 7.363-3.52 1.087-5.812 2.824-5.812 4.658s2.3 3.582 5.835 4.663c-.815 3.6-.453 6.463 1.143 7.38a2.488 2.488 0 0 0 1.273.317c1.556 0 3.594-1.109 5.654-3.033 2.06 1.913 4.1 3.011 5.654 3.011a2.523 2.523 0 0 0 1.279-.317c1.59-.917 1.947-3.775 1.126-7.363 3.51-1.082 5.802-2.824 5.802-4.658Zm-7.364-3.775c-.209.73-.47 1.483-.764 2.235-.232-.453-.475-.905-.741-1.358s-.538-.894-.815-1.324a26.18 26.18 0 0 1 2.32.447Zm-2.6 6.027a30.029 30.029 0 0 1-1.364 2.162 29.312 29.312 0 0 1-5.105.005q-.7-1.01-1.37-2.151-.645-1.112-1.177-2.252a30.029 30.029 0 0 1 2.535-4.42 29.312 29.312 0 0 1 5.105-.005q.7 1.01 1.37 2.151.645 1.112 1.177 2.252a28.322 28.322 0 0 1-1.171 2.258Zm1.828-.736c.306.758.566 1.517.781 2.252a25.42 25.42 0 0 1-2.332.453 31.631 31.631 0 0 0 1.555-2.705Zm-5.738 6.038a23.324 23.324 0 0 1-1.573-1.811c.509.023 1.03.04 1.556.04s1.058-.011 1.573-.04a22.088 22.088 0 0 1-1.552 1.812Zm-4.21-3.333c-.8-.119-1.579-.266-2.32-.447.209-.73.47-1.483.764-2.235.232.453.475.905.741 1.358s.541.894.818 1.324Zm4.182-11.777a23.333 23.333 0 0 1 1.573 1.811c-.509-.023-1.03-.04-1.556-.04s-1.058.011-1.573.04a22.088 22.088 0 0 1 1.559-1.811Zm-4.188 3.333c-.277.436-.555.883-.815 1.341s-.5.905-.736 1.358a24.152 24.152 0 0 1-.781-2.252 28.115 28.115 0 0 1 2.335-.446Zm-5.122 7.085c-2-.855-3.3-1.975-3.3-2.864s1.3-2.015 3.3-2.864c.487-.209 1.019-.4 1.568-.572a27.18 27.18 0 0 0 1.273 3.446 26.8 26.8 0 0 0-1.256 3.43 16.834 16.834 0 0 1-1.581-.575Zm3.045 8.087c-.77-.441-1.1-2.122-.843-4.284.062-.532.164-1.092.289-1.664a27.428 27.428 0 0 0 3.594.617 27.607 27.607 0 0 0 2.354 2.83c-1.845 1.715-3.577 2.654-4.754 2.654a1.35 1.35 0 0 1-.637-.152ZM196.724 97c.266 2.162-.062 3.843-.826 4.29a1.259 1.259 0 0 1-.651.147c-1.171 0-2.909-.934-4.754-2.637a26.731 26.731 0 0 0 2.337-2.824 26.428 26.428 0 0 0 3.6-.623 15.837 15.837 0 0 1 .294 1.647Zm2.179-3.775c-.487.209-1.019.4-1.568.572a27.181 27.181 0 0 0-1.273-3.446 26.8 26.8 0 0 0 1.256-3.43c.56.175 1.092.368 1.59.577 2 .855 3.3 1.975 3.3 2.864s-1.302 2.018-3.308 2.867ZM183.912 78.023Z' class='c'/%3E%3Ccircle cx='2.586' cy='2.586' r='2.586' class='c' transform='translate(186.99 87.779)'/%3E%3Cpath d='M195.213 78.006Z' class='c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat}.Navigator-links a[href*=vue]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg style='opacity:.997' transform='translate(1.124 .5)'%3E%3Ccircle cx='15' cy='15' r='15' style='fill:%23fff;stroke:%23fff;stroke-width:2px' transform='translate(-.124 .5)'/%3E%3Cpath d='m-147.561 0-2.54 4.4-2.54-4.4h-8.46l11 19.053L-139.1 0Z' style='fill:%2341b883' transform='translate(164.977 7.983)'/%3E%3Cpath d='m-99.61 0-2.54 4.4-2.54-4.4h-4.06l6.6 11.431L-95.551 0Z' style='fill:%2334495e' transform='translate(117.027 7.983)'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat}@media only screen and (max-width:960px){.Navigator-links a:before{vertical-align:middle}}</style><style type="text/css" media="all">.components-nav{border-bottom:1px solid rgba(0,0,0,.1)}[class*="u-bg-"] .u--bordered{border:1px solid #20256c}.tlrk-tabs .tab-container,.tlrk-tabs-react .tab-container,.tlrk-tabs2 .tabs{display:none}.tlrk-tabs .tab-container.is-active,.tlrk-tabs-react .tab-container.is-active,.tlrk-tabs2 .tabs.is-active{display:block}[class*="u-bg-"] .components-nav{background-color:#20256c}.components-nav a{display:inline-block;padding-bottom:20px;margin-right:30px;border-bottom:4px solid transparent;text-decoration:none !important}.components-nav a.is-active{border-bottom:4px solid #3d57d8;color:#000}[class*="u-bg-"] .components-nav a.is-active{color:#fff}@media only screen and (max-width:1540px){.container--wide{margin-left:20px !important;margin-right:20px !important}}@media only screen and (max-width:800px){.components-nav a{width:auto;padding:20px 12px}}</style><style type="text/css" media="all">.ai-section-gradient.row--separated>div:before{top:30px!important;bottom:30px!important}.ai-section-gradient::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg at 50% 50%,rgba(144,239,142,.6) .506deg,rgba(87,119,234,.6) 101.044deg,rgba(220,236,255,.6) 143.126deg,rgba(144,182,255,.6) 181.766deg,rgba(0,211,100,.6) 229.689deg,rgba(129,116,242,.6) 291.051deg);filter:blur(5px);mix-blend-mode:multiply;border-radius:18.583px;z-index:-1}@media only screen and (max-width:590px){.ai-section-gradient .col-9{border-top:none!important}}</style><style type="text/css" media="all">html body .tlrk{line-height:1.25}.sf_cols{width:100%}</style><link rel="canonical" href="https://www.telerik.com/kendo-ui" /><meta name="twitter:title" content="JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI" /><meta name="twitter:description" content="Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue." /><meta name="twitter:url" content="https://www.telerik.com/kendo-ui" /><meta property="og:image" content="https://www.telerik.com/sfimages/default-source/logos/telerik1200x630.png" /><meta name="twitter:image" content="https://www.telerik.com/sfimages/default-source/logos/telerik1200x630.png" /><meta property="og:locale" content="en-US" /><meta property="fb:app_id" content="472070859628573" /><meta name="twitter:site" content="@Telerik" /><meta name="twitter:creator" content="@Telerik" /><meta name="twitter:card" content="summary_large_image" /><script type="application/json" id="sf-insight-metadata">
{"contentMetadata":"{\"Id\":\"17d7f764-6099-4dba-8b75-aa7981fca36c\",\"ContentType\":\"Page\",\"SfClrType\":\"Telerik.Sitefinity.Pages.Model.PageNode\",\"Title\":\"Kendo UI Bundle page\",\"CanonicalTitle\":\"Kendo UI Bundle page\",\"CanonicalUrl\":\"https://www.telerik.com/kendo-ui\",\"DefaultLanguage\":\"en\",\"CreatedOn\":\"2015-12-28T14:33:43Z\",\"ModifiedOn\":\"2026-07-22T13:32:57.52Z\",\"SiteId\":\"b31ca85c-a1c5-4a9d-8b5d-e7b0736a8b16\",\"SiteName\":\"TelerikCom\",\"PageHierarchies\":[{\"Id\":\"05f972bd-84c4-4824-9326-36a344b7673b\",\"Title\":\"Kendo UI\",\"Parent\":{\"Id\":\"20ce8493-e2c1-4625-8f09-a2a99b6a96d9\",\"Title\":\"Products Taxonomy\"}}],\"PageId\":\"17d7f764-6099-4dba-8b75-aa7981fca36c\"}","videosMetadata":"[]"}
</script><script type="application/json" id="sf-insight-settings">
{"apiServerUrl":"https://api.insight.sitefinity.com","apiKey":"76766c2b-82f4-2453-81e5-fd840f3b455b","applicationName":"TelerikCom","trackingCookieDomain":".telerik.com","keepDecTrackingCookieOnTrackingConsentRejection":false,"slidingExpirationForTrackingCookie":false,"maxAgeForTrackingCookieInDays":365,"trackYouTubeVideos":true,"crossDomainTrackingEntries":["store.progress.com","www.telerik.com"],"strategy":"Persist|True","docsHrefTestExpressions":[".*\\/docs\\/.+\\.{1}.+((\\?|\\\u0026)sfvrsn=.+){1}$",".+((\\?|\\\u0026)sf_dm_key=.+){1}$"],"sessionLengthInMinutes":30,"trackVimeoVideos":true,"useSecureCookies":true}
</script><script type="text/javascript" src="/WebResource.axd?d=HtQyXelCu6mzSPcVcvK_BnBLuTvfT4YnhIxMh-5HvNKgqByRIHbbXoW-WLawts4Fh-UeZCJ3U3bxoGXTa9IeTV0YgoErORFnWeFm4Ee4GKMjgFOUUaD27X8_kP6MXFbUOYCXuGSyPJKcRpIAXeuKlNLzK7M8ff_SiSbDuCJrAGc7qHYMaATrTTzCQGFPIhXxUg-JFb_e0_0l8itIi7oyj_QLiEUjvHa-WpKcceSkwp41&t=639198240000000000">
</script><script src="https://cdn.insight.sitefinity.com/sdk/sitefinity-insight-client.min.3.1.44.js" crossorigin="" async="async">
</script><meta name="description" content="Quickly build eye-catching web apps using Kendo UI's ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue." /></head> <body id="telerik" class="telerik"> <script type="text/plain" class="optanon-category-2" src="//script.crazyegg.com/pages/scripts/0087/4351.js"></script> <style>
.anti-flicker-hide {
opacity: 0 !important;
}
</style> <script src="/abtesting/active-ab-tests.js">
</script> <script>
window.ABTestingAntiflicker = window.ABTestingAntiflicker ?? {};
window.ABTestingAntiflicker.wildcardMatchUrl = function(pattern, url) {
try {
const urlObject = new URL(url);
const parts = pattern.split('?', 2);
const pathPatternPart = parts[0] || '';
const queryPatternPart = parts[1] || '';
const escapeForRegularExpression = (text) => {
return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&').replace(/\\\*/g, '.*');
};
// Build the path regular expression from the wildcard pattern
const pathRegularExpressionPattern =
'^' + escapeForRegularExpression(pathPatternPart) + '$';
const pathRegularExpression = new RegExp(pathRegularExpressionPattern, 'i');
// Compare URL path (with and without trailing slash)
const urlWithoutQuery =
urlObject.origin + urlObject.pathname;
const urlWithoutTrailingSlash = urlWithoutQuery.replace(/\/+$/, '');
const basePathMatches =
pathRegularExpression.test(urlWithoutQuery) ||
pathRegularExpression.test(urlWithoutTrailingSlash);
if (!basePathMatches) {
return false;
}
if (queryPatternPart.trim().length === 0) {
return true;
}
// Validate query conditions from the pattern
const queryStringParameters = new URLSearchParams(urlObject.search);
const patternPairs = queryPatternPart.split('&').filter((s) => s.length > 0);
for (const pairString of patternPairs) {
const keyValueParts = pairString.split('=', 2);
const key = keyValueParts[0];
const valuePatternRaw = keyValueParts.length > 1 ? keyValueParts[1] : null;
if (!key || !queryStringParameters.has(key)) {
return false;
}
// Only presence required if no value specified
if (valuePatternRaw === null) {
continue;
}
const valueRegularExpressionPattern =
'^' + escapeForRegularExpression(valuePatternRaw) + '$';
const valueRegularExpression = new RegExp(valueRegularExpressionPattern, 'i');
const actualValue = queryStringParameters.get(key) ?? '';
if (!valueRegularExpression.test(actualValue)) {
return false;
}
}
return true;
} catch (error) {
console.error(error);
return false;
}
}
let shouldRunScript = false;
if (window.ABTestingAntiflicker?.wildcardMatchUrl && window.ABTestingAntiflicker?.activeABTestUrls?.length > 0) {
for (var urlPattern of window.ABTestingAntiflicker.activeABTestUrls) {
if (window.ABTestingAntiflicker.wildcardMatchUrl(urlPattern, window.location.href)) {
shouldRunScript = true;
break;
}
}
}
if (shouldRunScript) {
let className = "anti-flicker-hide";
document.body.classList.add(className);
// Display the page after a certain Timeout
setTimeout(() => {
document.body.classList.remove(className);
}, 3000);
// Display the page after CrazyEgg A/B testing evaluation has finished and the action is not redirect
window.CE_READY = window.CE_READY || [];
window.CE_READY.push(function () {
if (CE2?.ABTest?.emitter?.on) {
CE2.ABTest.emitter.on("variant", (args) => {
var isRedirectABTest = false;
var testId = args?.test?.id;
var variantId = args?.variant?.id;
var redirectUrl = window.CE2.flows?.[testId]?.variants?.[variantId]?.redirectUrl;
if (redirectUrl && redirectUrl !== window.location.href) {
isRedirectABTest = true;
}
if (!isRedirectABTest) {
setTimeout(() => {
document.body.classList.remove(className);
// Add a class to body to signify that an AB test has been executed
// This is to be used for automated testing of the functionality
document.body.classList.add('ab-test-executed');
}, 200);
}
});
}
else {
// A/B test API has changed. Display the page after shorter timeout
setTimeout(() => {
document.body.classList.remove(className);
}, 500);
}
});
// Display the page if the user hasn't accepted Performance cookies
(function () {
var script = document.createElement('script');
script.type = 'text/plain';
script.className = 'optanon-category-1';
script.text = `
if (!window.OptanonGroups.PerformanceCookies || !window.isOptanonGroupActive || !window.isOptanonGroupActive(window.OptanonGroups.PerformanceCookies, true)) {
document.body.classList.remove("anti-flicker-hide");
}
`;
var body = document.body;
body.insertBefore(script, body.firstChild);
})();
}
</script> <script src='https://d6vtbcy3ong79.cloudfront.net/external-assets/latest/utils/store-lead-data.min.js' type="text/plain" class="optanon-category-2"></script>
<aside class="Box Box--ribbon"><p>Turn AI coding agents into a repeatable development workflow - <a target="_blank" href="/agent-harness-early-access">Join the Progress Agent Harness Early Access Program</a>.</p></aside>
<script defer async type="module" id="mjs-promotion-1">
const cdn = "https://d6vtbcy3ong79.cloudfront.net";
const id = "promotion-1";
const response = await fetch(`/webapi/Announcements/GetPromo?url=${window.location.href}`, {
method: "GET",
cache: "no-cache",
});
const json = await response.json();
const model = json?.content;
if (model) {
let version = model.scriptVersion || "stable";
let stylesheet = cdn + "/sticky-notification/" + version + "/style.min.css";
let javascript = cdn + "/sticky-notification/" + version + "/index.min.mjs";
let cookieName = "promotion-" + model.id.replace("-", "");
let imageUrl = model.image || "https://d585tldpucybw.cloudfront.net/sfimages/default-source/ninjas/sticky-notification-illustration.svg";
let campaignName = model.campaignName || model.title;
let html = model.htmlRawContent;
let button = `<div><a class='tsn__cta-button' href='${model.ctaUrl}'>${model.ctaText}</a></div>`;
if (model.ctaText && model.ctaUrl) {
html += button;
}
function track(eventType) {
try {
if (!OptanonActiveGroups) {
return;
}
} catch (e) {
return;
}
if (!OptanonActiveGroups.includes("2")) {
return;
}
window.dataLayer = window.dataLayer || [];
let banner = document.querySelector(`.tsn--${id}`);
let bannerType = "Right Side Banner";
let bannerTopic = campaignName;
let bannerExpandEventName = "Popup Banner Expand";
let bannerCollapseEventName = "Popup Banner Collapse";
let bannerImpressionEventName = "Popup Banner Impression";
let bannerCtaClickEventName = "Popup Banner CTA Click";
let bannerExpandedState = "expanded";
let bannerCollapsedState = "collapsed";
if (eventType === "impression") {
dataLayer.push({
event: bannerImpressionEventName,
state: banner.classList.contains("tsn--is-expanded") ? bannerExpandedState : bannerCollapsedState,
type: bannerType,
promoting: bannerTopic
});
}
if (eventType === "expand") {
dataLayer.push({
event: bannerExpandEventName,
type: bannerType,
promoting: bannerTopic
});
}
if (eventType === "collapse") {
dataLayer.push({
event: bannerCollapseEventName,
type: bannerType,
promoting: bannerTopic
});
}
if (eventType === "cta-click") {
dataLayer.push({
event: bannerCtaClickEventName,
type: bannerType,
promoting: bannerTopic,
ctaLandingPage: window.location.href
});
}
}
async function importStyles(stylesheetUrl) {
return new Promise((resolve, reject) => {
const link = document.createElement("link");
link.id = `css-${id}`;
link.rel = "stylesheet";
link.type = "text/css";
link.href = stylesheetUrl;
link.addEventListener("load", resolve);
link.addEventListener("error", reject);
document.body.append(link);
});
}
async function initPromotion() {
const [{ StickyNotification }] = await Promise.all([
import(javascript),
importStyles(stylesheet),
]);
StickyNotification.create({
autoShow: true,
autoExpand: true,
autoCollapse: false,
label: model.label,
title: model.title,
content: html,
image: imageUrl,
imageAlt: model.imageAltText,
useImageAsBanner: model.useImageAsHero,
useAltExpandButton: false,
useAuth: model.isPersonalized,
useCookie: true,
cookieName: cookieName,
modifierClass: `tsn--${id}`,
onReady: () => track("impression"),
onCtaClick: () => track("cta-click"),
onManualExpand: () => track("expand"),
onManualCollapse: () => track("collapse"),
});
}
requestAnimationFrame(initPromotion);
}
</script>
<link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/latest/css/metric.min.css" as="style" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/latest/metric/Metric-Light.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/latest/metric/Metric-Medium.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/latest/metric/Metric-Regular.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/latest/metric/Metric-Semibold.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.7.52/css/index.min.css" as="style"><style id="js-tlrk-nav-inline-styles">.TK-Nav--Loading,.TK-Nav--Loading *{box-sizing:border-box}.TK-Nav--Loading{overflow:hidden;background:#fff;font-family:Metric}.TK-Nav--Loading>.TK-Bar{overflow:hidden;background:#fff}.TK-Nav--Loading .TK-container{max-width:1230px;margin:0 auto;padding:0 30px}.TK-Nav--Loading .TK-TLRK-Brand{margin:0}.TK-Nav--Loading .TK-Dropdown,.TK-Nav--Loading .TK-Nav-Overlay,.TK-Nav--Loading .TK-Print{display:none}.TK-Nav--Loading .TK-Context-Menu,.TK-Nav--Loading .TK-Products-Menu-Item-Button{visibility:hidden}@media only screen and (min-width:1240px){.TK-Nav--Loading,.TK-Nav--Loading>.TK-Bar{height:60px}}@media only screen and (max-width:1239px){.TK-Nav--Loading,.TK-Nav--Loading>.TK-Bar{height:45px}}@media only screen and (max-width:1229px){.TK-Nav--Loading .TK-container{padding:0 20px}}</style><link rel="stylesheet" type="text/css" href="https://d6vtbcy3ong79.cloudfront.net/fonts/latest/css/metric.min.css" id="js-tlrk-nav-metric" class="is-loading" onload="this.classList.remove('is-loading')" onerror="this.classList.remove('is-loading')"><link rel="stylesheet" type="text/css" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.7.52/css/index.min.css" id="js-tlrk-nav-styles" class="is-loading" onload="this.classList.remove('is-loading')" onerror="this.classList.remove('is-loading')"><nav id="js-tlrk-nav" class="TK-Nav TK-Nav--Shadow TK-Nav--Loading" data-tlrk-nav-version="3.7.52" data-tlrk-nav-template="nav-kendo-ui-csa-rel-component"><section class="TK-Bar"><div class="TK-container TK-Bar-container"><figure class="TK-TLRK-Brand"><a href="#skip-to-content" id="js-tlrk-skip-link" class="TK-Skip-Link">skip navigation</a> <a href="/" class="TK-TLRK-Logo" aria-label="Go to Homepage"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="60" viewBox="0 0 49 60.3"><path fill="#5ce500" d="M11.2 14.9L0 21.3l17.4 10.1v20.1l11.2-6.4c.5-.3.9-1 .9-1.6V24.4L13 14.9c-.5-.3-1.3-.3-1.8 0z"/><path fill="#5ce500" d="M12.1 48.4V34.5L0 41.5zM25 .2c-.5-.3-1.3-.3-1.8 0L10.7 7.4l24.1 13.9v27.9L47.3 42c.5-.3.9-1 .9-1.6V13.6L25 .2z"/></svg></a></figure><ul class="TK-Products-Menu"><li class="TK-Products-Menu-Item TK-Static"><button type="button" class="TK-Products-Menu-Item-Button" aria-label="Product Navigation">Kendo UI <i class="TK-Arrow"></i></button><div id="js-tlrk-nav-dash" class="TK-Dash TK-Dropdown TK-Dropdown--Full TK-Dropdown--White TK-Dropdown---Mobile"><div class="TK-container"><div class="TK-row TK-Border"><div class="TK-col-5"><div class="TK-Bundles TK-BG"><p class="TK-Dash-Title">Product Bundles</p><a href="/devcraft" class="TK-Bundle"><div class="TK-Bundle-Icon TK--Desktop"><svg xmlns="http://www.w3.org/2000/svg" width="210" height="90" fill="none" viewBox="0 0 210 90"><g clip-path="url(#clip0_142_1561)"><rect width="210" height="88" y="-.667" fill="#dcecff" rx="5"/><path fill="#cdd6f9" d="M210 76.233h-44.382v-51.56H210z"/><g clip-path="url(#clip1_142_1561)"><path fill="#2b2bb2" d="M151.069 68.52h44.386v22.646c0 4.716-2.26 8.545-5.044 8.545h-34.298c-2.784 0-5.044-3.83-5.044-8.545zm-.002-40.53h44.386V13.476c0-3.023-2.26-5.477-5.044-5.477h-34.298c-2.784 0-5.044 2.454-5.044 5.477zm-24.998-15.069h-18.411v5.54h18.411z"/><path stroke="#fff" stroke-miterlimit="10" stroke-width="1.12" d="m109.802 14.936 1.766 1.51 1.764-1.51 1.763 1.51 1.766-1.51 1.764 1.51 1.766-1.51 1.766 1.51 1.768-1.51"/><path fill="#5777ea" d="M195.453 18.042h-44.382v58.191h44.382z"/><path stroke="#0357ff" d="M153.458 18.578H96.685v49.269h56.773z"/><path fill="#829dfa" d="M174.664 18.042h-67.006V68.41h67.006z"/><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" clip-path="url(#clip2_142_1561)"><path stroke="#fc3" d="m123.571 27.581-9.237-.057"/><path stroke="#fff" d="m117.767 33.647 8.914.057"/><path stroke="#cdffca" d="m132.167 33.722 8.908.051"/><path stroke="#fff" d="m117.733 39.753 18.504.115m5.492.017 29.725.183m-53.761 5.785 13.928.086m5.486.017 31.334.195m-50.782 5.808 29.97.183"/><path stroke="#cdffca" d="m153.121 52.16 29.72.183M117.62 58.06l22.648.142"/><path stroke="#fff" d="m144.338 58.22 23.557.143m4.071.017 15.843.098"/></g></g><g clip-path="url(#clip3_142_1561)"><path fill="#e26841" d="M57.489 47.81c.13.018-1.6-11.25 4.573-15.705 4.566-3.294 9.575-.097 20.417-3.418a41 41 0 0 0 5.953-2.345l2.561 3.895a24.5 24.5 0 0 1-5.337 1.998c-3.373.828-6.246.754-11.493.587-3.725-.12-6.125-.399-9.419.753a11 11 0 0 0-2.13.914c-5.45 3.266-5.252 13.302-5.125 13.32"/><path fill="#e26841" d="M57.305 44.42a12.34 12.34 0 0 1 3.422-6.972c2.582-2.531 5.671-3.041 7.997-3.394 4.924-.747 8.216.375 10.958.795 4.206.644 10.375.132 18.762-5.208l1.109 5.764a34.1 34.1 0 0 1-11.87 3.5c-10.925 1.084-17.198-3.974-24.233-.47-3.163 1.572-5.072 4.178-6.145 5.985"/><path fill="#000" d="M82.257 73.544 92.385 83.76l-8.682 3.5-10.705-11.09V62.161h9.259z"/><path fill="#e26841" d="M87.572 86.964a18.83 18.83 0 0 0-5.576-8.835A18.6 18.6 0 0 0 72.6 73.67h-.003a18.5 18.5 0 0 0-8.382.59 18.6 18.6 0 0 0-7.276 4.24v8.464z"/><path fill="#14254c" d="M72.598 86.964a7.6 7.6 0 0 0-.6-5.074 7.52 7.52 0 0 0-3.666-3.528 7.44 7.44 0 0 0-8.198 1.44 7.6 7.6 0 0 0-1.681 2.411 37 37 0 0 0-1.66 4.75z"/><path fill="#000" d="m56.911 58.307 19.27.058-1.612 15.179 3.8 12.343-21.432.049z"/><path fill="#14254c" d="M75.816 73.542H73.4a16.3 16.3 0 0 1-6.3-1.263 16.5 16.5 0 0 1-5.34-3.6 16.6 16.6 0 0 1-3.57-5.386 16.7 16.7 0 0 1-1.253-6.353V44.873a6.67 6.67 0 0 1 1.928-4.696 6.56 6.56 0 0 1 4.654-1.946h2.417c2.162 0 4.303.43 6.3 1.264a16.5 16.5 0 0 1 5.342 3.599 16.6 16.6 0 0 1 3.569 5.386 16.7 16.7 0 0 1 1.253 6.354V66.9c0 .872-.17 1.736-.501 2.541a6.6 6.6 0 0 1-1.427 2.155 6.6 6.6 0 0 1-2.137 1.44 6.5 6.5 0 0 1-2.52.505z"/><path fill="#e8ab6a" d="M64.375 58.25v-.936c0-2.894 1.14-5.67 3.17-7.717a10.78 10.78 0 0 1 7.651-3.196 10.7 10.7 0 0 1 6.609 2.274 14.7 14.7 0 0 1 .595 4.145v13.57a10.72 10.72 0 0 1-7.203 2.773c-2.87 0-5.622-1.15-7.652-3.196a10.96 10.96 0 0 1-3.17-7.717"/><path stroke="#fff" stroke-miterlimit="10" stroke-width="3.736" d="M74.721 65.125a5.02 5.02 0 0 1-3.562-1.488 5.1 5.1 0 0 1-1.477-3.593"/><path fill="#da7f27" d="M80.086 60.7h-5.209v-9.047z"/><path fill="#14254c" d="M82.4 49.558H61.209v1.27H82.4zm0 5.253H61.209v1.27H82.4zm.002 10.506H65.374v1.27h17.028zm-.002-5.252H61.209v1.27H82.4z"/><path fill="#fff" d="M69 54.154h-1.5a1 1 0 0 1-.717-.3 1.02 1.02 0 0 1-.22-1.113 1.02 1.02 0 0 1 .55-.552 1 1 0 0 1 .387-.078H69c.269 0 .526.108.716.299a1.026 1.026 0 0 1-.328 1.666 1 1 0 0 1-.388.078m11.837 0h-1.5a1 1 0 0 1-.717-.3 1.02 1.02 0 0 1-.297-.722c0-.27.107-.53.297-.722s.448-.299.716-.299h1.502c.268 0 .526.108.716.299a1.026 1.026 0 0 1-.329 1.666 1 1 0 0 1-.388.078"/><path fill="#000" d="M66.486 54.154c.56 0 1.013-.458 1.013-1.022s-.453-1.021-1.013-1.021-1.013.457-1.013 1.021.454 1.022 1.013 1.022m12.154 0c.56 0 1.013-.458 1.013-1.022s-.454-1.021-1.013-1.021c-.56 0-1.013.457-1.013 1.021s.453 1.022 1.013 1.022"/><path fill="#e26841" d="M110.225 81.406c.852.106 1.627.55 2.155 1.232s.765 1.548.66 2.407l-.232 1.913a3.76 3.76 0 0 1-1.204 2.329 3.7 3.7 0 0 1-2.425.959l-5.128.085a3.7 3.7 0 0 1-2.295-.751 3.75 3.75 0 0 1-1.353-2.015l-.622-2.31a3.3 3.3 0 0 1 .587-2.882 3.22 3.22 0 0 1 2.648-1.235l6.926.242q.143.008.283.026"/><path fill="#e26841" d="m100.539 87.046-.682-4.84a1.13 1.13 0 0 0-.381-.702l-.585-.505a1.118 1.118 0 0 0-1.829.627l-1.127 5.42z"/><path fill="#000" d="m8.475 81.297 6.926-.243a3.2 3.2 0 0 1 1.47.3c.46.214.863.534 1.178.935a3.28 3.28 0 0 1 .587 2.882l-.622 2.31a3.75 3.75 0 0 1-1.353 2.014 3.7 3.7 0 0 1-2.295.752l-5.128-.086a3.7 3.7 0 0 1-2.424-.959 3.76 3.76 0 0 1-1.204-2.328l-.232-1.914a3.28 3.28 0 0 1 .66-2.407 3.23 3.23 0 0 1 2.437-1.257"/><path fill="#000" d="m17.88 86.964.68-4.841a1.13 1.13 0 0 1 .383-.703l.584-.505a1.12 1.12 0 0 1 1.83.627l1.127 5.42zm38.564.001.363-2.978a16.3 16.3 0 0 0-.525-6.517 16.2 16.2 0 0 0-3.043-5.774 16.05 16.05 0 0 0-5.063-4.085 15.9 15.9 0 0 0-12.674-.814 16 16 0 0 0-5.536 3.404 16.2 16.2 0 0 0-3.745 5.338 16.3 16.3 0 0 0-1.34 6.398v.027l-.015 5.001z"/><path fill="#8174f2" d="M51.708 43.28a6.37 6.37 0 0 0-3.312-1.773 6.33 6.33 0 0 0-3.727.408l-5.883 2.554a38.5 38.5 0 0 1-19.345 2.974l-1.943-.205.557-10.405.55.142a38.45 38.45 0 0 0 20.456-.34l6.284-1.847a6.33 6.33 0 0 1 4.608.408 6.42 6.42 0 0 1 3.125 3.441l3.798 9.86z"/><path fill="#8174f2" d="M50.701 25.166c.853.001 1.696.17 2.484.5.787.33 1.502.812 2.104 1.42a6.6 6.6 0 0 1 1.406 2.125c.325.795.493 1.646.492 2.505l-.31 16.781-3.611-12.007a6.52 6.52 0 0 0-3.467-3.36 6.44 6.44 0 0 0-4.808-.032l-1.534.604a28.5 28.5 0 0 1-11.739 1.955l-8.275-.377.383-9.908 8.22 1.501a28.5 28.5 0 0 0 11.343-.227l5.897-1.323a6.4 6.4 0 0 1 1.415-.157"/><path fill="#0c1b38" d="M43.991 36.852c-1.6.093-3.167.503-4.61 1.207a12.2 12.2 0 0 0-3.801 2.895 12.3 12.3 0 0 0-2.414 4.142 12.4 12.4 0 0 0-.657 4.758l.68 11.86a11.7 11.7 0 0 0 3.612 7.813 11.52 11.52 0 0 0 7.944 3.183 11.52 11.52 0 0 0 7.978-3.217 11.72 11.72 0 0 0 3.58-7.877l.585-11.863q.015-.306.015-.611c0-3.265-1.286-6.397-3.575-8.705a12.16 12.16 0 0 0-9.337-3.585"/><path fill="#8174f2" d="M56.89 46.588h-24.4v6.235h24.4z"/><path fill="#e7aa6a" d="M48.966 49.75c.752 0 1.474.302 2.006.838.532.537.83 1.264.83 2.023v.684c0 .759-.298 1.486-.83 2.023a2.82 2.82 0 0 1-2.006.838H32.49V49.75z"/><path fill="#e06940" d="M39.038 50.811v5.345H36.28z"/><path fill="#fff" d="M47.222 51.977h-1.466a.996.996 0 0 0-.993 1c0 .552.445 1 .993 1h1.466a.996.996 0 0 0 .993-1c0-.552-.445-1-.993-1"/><path fill="#000" d="M47.906 53.98a.997.997 0 0 0 .992-1.001.997.997 0 0 0-.992-1.002.997.997 0 0 0-.993 1.002.997.997 0 0 0 .993 1m-12.508.001a.997.997 0 0 0 .992-1.001.997.997 0 0 0-.992-1.002.997.997 0 0 0-.993 1.002.997.997 0 0 0 .992 1"/><path fill="#fff" d="M35.247 51.977H33.78a.996.996 0 0 0-.993 1c0 .552.445.999.993.999h1.465a.996.996 0 0 0 .993-1 .996.996 0 0 0-.992-.999"/><path fill="#000" d="M35.93 53.98a.997.997 0 0 0 .993-1.002.997.997 0 0 0-.993-1 .997.997 0 0 0-.993 1 .997.997 0 0 0 .993 1.002"/><path fill="#14254c" d="M36.086 85.932c.073.162.221.52.406 1.033h15.55a39 39 0 0 0-2.256-7.143 7.52 7.52 0 0 0-4.149-3.99 7.43 7.43 0 0 0-5.73.136 7.53 7.53 0 0 0-3.956 4.184 7.62 7.62 0 0 0 .135 5.78"/><path fill="#62de7f" d="M68.085 4.022H25.682c-3.698 0-6.696 3.024-6.696 6.754s2.998 6.753 6.696 6.753h42.403c3.699 0 6.697-3.024 6.697-6.753s-2.998-6.754-6.697-6.754"/><path fill="#62de7f" d="m58.61 22.342-6.548-6.604 6.549-6.604z"/><path fill="#282f89" d="M33.606 7.685h.636v4.17h2.378v.565h-3.014zM38.53 8.89c.246 0 .488.06.706.173.21.099.39.253.522.446.118.184.197.392.23.61q.061.377.05.76H37.53c-.005.3.081.595.246.844a.83.83 0 0 0 .713.318.91.91 0 0 0 .72-.3c.102-.116.177-.254.218-.403h.566a1.2 1.2 0 0 1-.15.422q-.11.213-.283.382c-.18.175-.404.295-.648.348a2 2 0 0 1-.47.052 1.43 1.43 0 0 1-1.084-.469 1.84 1.84 0 0 1-.445-1.313 2 2 0 0 1 .448-1.351 1.48 1.48 0 0 1 1.17-.519m.917 1.528a1.5 1.5 0 0 0-.163-.602.84.84 0 0 0-.79-.42.87.87 0 0 0-.664.29 1.1 1.1 0 0 0-.284.733zm1.346-2.414h.582v.964h.545v.473h-.545v2.254a.25.25 0 0 0 .121.242q.108.042.224.036h.09q.047 0 .111-.008v.455q-.1.03-.206.042a2 2 0 0 1-.232.013.62.62 0 0 1-.545-.208.93.93 0 0 1-.146-.54V9.44h-.46v-.473h.463zm1.76 1.057a.36.36 0 0 0 .268-.199.8.8 0 0 0 .091-.393v-.04l-.008-.04h-.348v-.703h.684v.648a1.36 1.36 0 0 1-.17.701.66.66 0 0 1-.514.33zm1.494 2.276c.006.16.056.313.146.445a.9.9 0 0 0 .754.28c.196.004.39-.044.562-.14a.46.46 0 0 0 .243-.434.37.37 0 0 0-.195-.338 2.3 2.3 0 0 0-.492-.164l-.457-.116a2.2 2.2 0 0 1-.646-.247.73.73 0 0 1-.37-.651 1 1 0 0 1 .35-.793c.266-.213.6-.321.94-.303a1.3 1.3 0 0 1 1.116.458 1 1 0 0 1 .208.625h-.543a.7.7 0 0 0-.137-.358.88.88 0 0 0-.688-.229.8.8 0 0 0-.494.126.39.39 0 0 0-.167.332.41.41 0 0 0 .22.36q.178.1.377.143l.38.093q.437.083.832.294a.78.78 0 0 1 .335.7 1.07 1.07 0 0 1-.347.795 1.47 1.47 0 0 1-1.054.336 1.4 1.4 0 0 1-1.084-.348 1.33 1.33 0 0 1-.34-.866zm4.637-2.37h.545v.597c.08-.163.192-.307.33-.424a.85.85 0 0 1 .66-.247l.13.013v.613a1 1 0 0 0-.188-.016.82.82 0 0 0-.668.282 1 1 0 0 0-.234.65v1.985h-.575zm3.457 3.079a.79.79 0 0 0 .784-.436c.145-.304.217-.636.213-.973.01-.27-.042-.538-.153-.784a.87.87 0 0 0-.837-.477.82.82 0 0 0-.768.403c-.167.299-.25.638-.24.98a1.65 1.65 0 0 0 .24.917.85.85 0 0 0 .76.37m.023-3.179a1.54 1.54 0 0 1 1.119.445 1.74 1.74 0 0 1 .456 1.31 2.25 2.25 0 0 1-.403 1.38 1.46 1.46 0 0 1-1.25.544 1.4 1.4 0 0 1-1.122-.482 1.92 1.92 0 0 1-.415-1.294c-.026-.5.129-.993.437-1.387a1.47 1.47 0 0 1 1.178-.516m3.515 0c.336-.015.668.085.941.284a1.36 1.36 0 0 1 .437.977h-.561a1.05 1.05 0 0 0-.233-.53.74.74 0 0 0-.585-.212.8.8 0 0 0-.786.542c-.11.275-.162.57-.154.867-.01.306.066.61.219.874a.75.75 0 0 0 .684.354.74.74 0 0 0 .567-.22c.151-.17.252-.379.29-.604h.56a1.52 1.52 0 0 1-.482 1.004c-.28.22-.628.332-.982.317a1.3 1.3 0 0 1-1.07-.495 1.9 1.9 0 0 1-.4-1.236 2.1 2.1 0 0 1 .436-1.415 1.42 1.42 0 0 1 1.118-.507m1.875-1.183h.553v2.751l1.477-1.467h.735l-1.31 1.292 1.382 2.16h-.735l-1.068-1.74-.483.444v1.296h-.552zm3.556 0h.648v1.557l-.156 2.05h-.327l-.167-2.05zm0 4.065h.636v.671h-.637z"/></g></g><defs><clipPath id="clip0_142_1561"><path fill="#fff" d="M0 0h210v90H0z"/></clipPath><clipPath id="clip1_142_1561"><path fill="#fff" d="M82.32 7.999h125.957v79H82.32z"/></clipPath><clipPath id="clip2_142_1561"><path fill="#fff" d="M114.057 13.999h77.36v49h-77.36z"/></clipPath><clipPath id="clip3_142_1561"><path fill="#fff" d="M2.975-1.001h110.09v91H2.975z"/></clipPath></defs></svg></div><p class="TK-Bundle-Title TK-Best-Value">DevCraft</p><p class="TK-Bundle-Description">All <strong>Telerik .NET</strong> and <strong>Kendo UI </strong>JavaScript components and AI Tools in one package.</p><ul class="TK-Bundle-list TK--Desktop"><li>MCP Servers (AI Tools)</li><li>Embedded Reporting</li><li>Document Processing Libraries</li><li>SSO Account Sign-in</li></ul></a><a href="/kendo-ui" class="TK-Bundle" data-match-exact-path><div class="TK-Bundle-Icon TK--Desktop"><svg xmlns="http://www.w3.org/2000/svg" width="210" height="90" fill="none" viewBox="0 0 210 90"><g clip-path="url(#clip0_142_1689)"><rect width="210" height="85" y="9.818" fill="#dcecff" rx="5"/><g clip-path="url(#clip1_142_1689)"><path fill="#829dfa" d="M219.429 52.666c10.178 0 18.429-7.584 18.429-16.94s-8.251-16.942-18.429-16.942S201 26.369 201 35.725s8.251 16.941 18.429 16.941"/><path fill="#2d25b8" d="M201.142 35.725h18.429l-13.035-11.982c-3.332 3.063-5.394 7.299-5.394 11.982"/><path fill="#151753" d="m206.536 23.743 13.035 11.982V18.784c-5.095 0-9.702 1.895-13.035 4.959"/></g><g clip-path="url(#clip2_142_1689)"><path stroke="#fff" stroke-miterlimit="10" stroke-width="1.92" d="M107.127 98.727c26.992 0 48.873-21.88 48.873-48.872S134.119.982 107.127.982 58.255 22.863 58.255 49.855s21.88 48.872 48.872 48.872Z"/><path stroke="#829dfa" stroke-miterlimit="10" stroke-width="3.84" d="M88.101 94.88a48.8 48.8 0 0 0 19.026 3.835 48.8 48.8 0 0 0 19.027-3.834 48.9 48.9 0 0 0 15.534-10.478 49 49 0 0 0 10.477-15.534c2.48-5.85 3.835-12.273 3.835-19.026a48.8 48.8 0 0 0-3.835-19.027 48.8 48.8 0 0 0-10.477-15.533M107.127.982a48.8 48.8 0 0 0-19.026 3.835 48.8 48.8 0 0 0-15.534 10.478A49 49 0 0 0 62.09 30.828a48.8 48.8 0 0 0-3.834 19.027 48.8 48.8 0 0 0 3.834 19.026"/><path stroke="#fff" stroke-miterlimit="10" stroke-width="1.92" d="M107.127 84.06c18.892 0 34.206-15.314 34.206-34.205 0-18.892-15.314-34.206-34.206-34.206-18.891 0-34.205 15.314-34.205 34.206 0 18.891 15.314 34.206 34.205 34.206Z"/><path stroke="#62de7f" stroke-miterlimit="10" stroke-width="3.84" d="M82.935 74.047c6.192 6.191 14.74 10.014 24.192 10.014s18.001-3.835 24.192-10.014c6.192-6.192 10.014-14.74 10.014-24.192s-3.834-18-10.014-24.192c-6.191-6.192-14.74-10.014-24.192-10.014"/><path fill="#fff" d="M107.127 70.383c11.338 0 20.529-9.19 20.529-20.528s-9.191-20.529-20.529-20.529-20.528 9.191-20.528 20.529 9.19 20.528 20.528 20.528"/><path fill="#0357ff" d="M98.537 55.346v-2.5q.655.43 1.201.645.547.215 1.201.215.948 0 1.329-.567.39-.565.39-1.875V43.57h2.578v7.998q0 4.473-4.072 4.473-.752 0-1.465-.205-.712-.205-1.162-.489m8.428-.341v-2.52q1.826 1.357 3.916 1.357.996 0 1.582-.322.596-.332.596-1.016 0-.556-.332-.85-.333-.3-1.104-.585l-1.797-.605a7 7 0 0 1-1.25-.528 4.3 4.3 0 0 1-.947-.713 2.9 2.9 0 0 1-.625-1.015 4 4 0 0 1-.205-1.328q0-1.104.596-1.915t1.572-1.2q.976-.401 2.197-.401 2.12 0 3.721.957v2.5q-1.738-1.28-3.643-1.28-.869 0-1.406.313-.537.303-.537.908 0 .538.322.82.332.284 1.045.518l1.914.664q1.553.528 2.275 1.406.733.88.733 2.237 0 1.172-.635 2.012-.635.83-1.67 1.23-1.035.39-2.363.39a8 8 0 0 1-2.207-.292q-1.035-.294-1.748-.742"/></g><g clip-path="url(#clip3_142_1689)"><path fill="#e26841" d="M34.593 71.628q-.202-1.27-.202-2.556c0-9.002 7.359-16.298 16.438-16.298q1.297 0 2.578.2c8.964 1.412 15.078 9.763 13.657 18.65l-4.632 35.251-23.46-2.78-4.376-32.47z"/><path stroke="#14254c" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9.265" d="M12.343 42.893c-.39 1.655-1.221 8.501 2.798 15.133.791 1.3 2.335 4.606 6.952 6.584 6.377 2.734 14.466 1.345 20.685-4.197"/><path fill="#e26841" d="M7.428 24.274 5.23 48.998l14.493 1.481-4.11-25.522-8.188-.683zm22.577-5.318a.88.88 0 0 1 .32-.543l.477-.387a.897.897 0 0 1 1.45.526l.952 5.095a4.16 4.16 0 0 1-1.62 4.11l-3.483 2.588z"/><path fill="#000" d="m65.5 41.763-7.995 1.266v12.135l7.09 10.48 10.58-4.487-9.512-8.267-.167-11.127z"/><path fill="#e26841" d="M44.677 17.783a5.39 5.39 0 0 0-3.668-4.143l-.964-.307c-2.645-.846-4.218-3.538-3.638-6.23L37.939-.05l3.137.198-1.456 5.35c-.73 2.678.718 5.466 3.34 6.437a5.375 5.375 0 0 1 3.527 5.06l-.05 10.267-1.758-9.48z"/><path fill="#e26841" d="M41.668 20.216a5.43 5.43 0 0 0-3.577-2.26l-3.316-.548c-2.452-.407-4.312-2.414-4.512-4.871l-.706-8.752 3.454-.017.179 6.474a5.38 5.38 0 0 0 3.987 5.037l2.335.633a5.4 5.4 0 0 1 3.58 3.137l3.342 8.051-4.769-6.89z"/><path fill="#000" d="M60.018 39.741h-16.83v7.46a4.97 4.97 0 0 1-1.89 3.897l-8.307 6.59 13.57 9.914 12.283-14.718 1.171-13.146z"/><path fill="#14254c" d="M65.5 34.934c0-6.98-5.707-12.638-12.747-12.638h-4.59c-2.816 0-5.1 2.263-5.1 5.054v12.894c0 6.982 5.709 12.643 12.748 12.64h4.591c2.815 0 5.1-2.265 5.097-5.056z"/><path fill="#e9ac6a" d="M58.425 49.091a9.55 9.55 0 0 0 6.348-2.4V34.938c0-1.217-.179-2.425-.527-3.593a9.55 9.55 0 0 0-5.824-1.97c-5.267 0-9.536 4.233-9.536 9.455v.81c0 5.22 4.272 9.452 9.536 9.452z"/><path stroke="#fff" stroke-miterlimit="10" stroke-width=".67" d="M58.78 45.533c-4.41-.081-3.824-3.334-3.824-3.334"/><path fill="#dc7f1b" d="M59.175 33.926v7.837h4.59z"/><path stroke="#14254c" stroke-miterlimit="10" stroke-width=".777" d="M43.443 32.663H64.89m-21.447 4.548H65.5m-17.721 9.103h17.72m-22.056-4.551H65.5"/><path fill="#fff" d="M53.629 34.286h-1.046a.74.74 0 0 0-.741.735v.05c0 .405.332.734.741.734h1.046c.41 0 .741-.329.741-.734v-.05a.74.74 0 0 0-.741-.735m10.403 0h-1.046a.74.74 0 0 0-.741.735v.05c0 .405.332.734.74.734h1.047c.41 0 .74-.329.74-.734v-.05a.74.74 0 0 0-.74-.735"/><path fill="#000" d="M54.017 36.088a.774.774 0 0 0 .776-.77.774.774 0 0 0-.776-.77.774.774 0 0 0-.777.77c0 .425.347.77.776.77m10.239 0a.774.774 0 0 0 .777-.77.774.774 0 0 0-.777-.77.774.774 0 0 0-.777.77c0 .425.348.77.777.77"/><path fill="#e9ac6a" d="m34.678 26.092 17.158.968 45.622-.933 33.009-.909a1.13 1.13 0 0 0 1.102-1.121 1.13 1.13 0 0 0-1.105-1.124l-33.003-.79-45.619-.982-17.158.947v3.941z"/><path fill="#000" d="M99.332 21.933h-1.88a.805.805 0 0 0-.809.802v2.84c0 .443.362.802.809.802h1.88a.805.805 0 0 0 .809-.802v-2.84a.805.805 0 0 0-.809-.802m31.636.665h-1.904a.685.685 0 0 0-.688.683v1.592c0 .377.308.682.688.682h1.904a.685.685 0 0 0 .689-.682V23.28a.685.685 0 0 0-.689-.683m-96.19 3.504v-3.959L4.04 20.85v6.512z"/><path fill="#000" d="M36.313 15.947h-1.52a.653.653 0 0 0-.657.65V31.9c0 .36.294.65.656.65h1.52a.653.653 0 0 0 .657-.65V16.597a.653.653 0 0 0-.656-.65"/><path fill="#e26841" d="M7.946 16.632c-1.42.145-2.455 1.406-2.305 2.815l.158 1.507a2.96 2.96 0 0 0 2.847 2.64l4.096.149a2.965 2.965 0 0 0 2.959-2.118l.533-1.804q.11-.372.102-.758c-.02-1.417-1.195-2.547-2.624-2.527l-5.537.082q-.115 0-.226.014z"/><path fill="#e26841" d="M15.765 19.299a.9.9 0 0 1 .416-.477l.542-.29a.9.9 0 0 1 .43-.108c.496 0 .894.401.894.892l-.023 5.176a4.17 4.17 0 0 1-2.361 3.735l-3.905 1.897 4.01-10.831z"/><path stroke="#1c2f54" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9.265" d="M29.015 47.276c.117 2.718.876 12.524 8.434 19.312 2.543 2.388 3.89 4.099 7.277 4.979 2.15.534 6.885 1.714 11.65-.796a14.54 14.54 0 0 0 6.276-6.739"/><path fill="#e26841" d="M21.83 17.806a2.56 2.56 0 0 0-1.659 3.232l2.692 8.197 7.57-.59.349-9.442a2.5 2.5 0 0 0-.05-.61c-.287-1.389-1.655-2.28-3.053-1.996l-5.566 1.133q-.14.03-.28.073z"/><path fill="#e26841" d="m22.354 27.205-.091 26.586 14.718-3.907-6.422-23.222-8.205.546z"/><path fill="#000" d="m54.575 55.164 10.022 10.48 10.582-4.487-10.684-8.267z"/></g><g clip-path="url(#clip4_142_1689)"><path fill="#fff" d="M185.833 19.59h-8.666c-6.444 0-11.667 5.474-11.667 12.225v9.081c0 6.752 5.223 12.225 11.667 12.225h8.666c6.444 0 11.667-5.473 11.667-12.225v-9.081c0-6.751-5.223-12.225-11.667-12.225"/><mask id="mask0_142_1689" width="33" height="35" x="165" y="19" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M185.833 19.59h-8.666c-6.444 0-11.667 5.474-11.667 12.225v9.081c0 6.752 5.223 12.225 11.667 12.225h8.666c6.444 0 11.667-5.473 11.667-12.225v-9.081c0-6.751-5.223-12.225-11.667-12.225"/></mask><g mask="url(#mask0_142_1689)"><path fill="#3654dd" d="M172.847 33.059c1.738 0 3.146-1.477 3.146-3.298s-1.408-3.297-3.146-3.297-3.147 1.476-3.147 3.297 1.409 3.298 3.147 3.298"/><path fill="#cdffca" d="m187.9 30.582-12.8 13.51-4.263-4.502-5.337 5.63v10.37h31.997V40.715z"/></g></g><g clip-path="url(#clip5_142_1689)"><path fill="#fff" d="M230.77 59.795h-57.673c-5.985 0-10.837 4.891-10.837 10.925s4.852 10.925 10.837 10.925h57.673c5.985 0 10.837-4.891 10.837-10.925s-4.852-10.925-10.837-10.925" opacity=".5"/><mask id="mask1_142_1689" width="80" height="23" x="162" y="59" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M230.77 59.795h-57.673c-5.985 0-10.837 4.891-10.837 10.925s4.852 10.925 10.837 10.925h57.673c5.985 0 10.837-4.891 10.837-10.925s-4.852-10.925-10.837-10.925"/></mask><g mask="url(#mask1_142_1689)"><path fill="#829dfa" d="M211.193 71.644a5.6 5.6 0 0 1-1.346-.043 5 5 0 0 1-.294-.057c-2.82-.621-4.669-3.387-7.541-5.164v.025c-1.311-.822-2.833-1.44-4.761-1.555-6.884-.403-9.634 7.527-16.087 7.06-4.859-.35-9.2-8.671-12.4-9.882-3.199-1.209-6.764.002-6.764.002v19.765h57.23V68.501c-3.296.787-4.7 2.852-8.037 3.143"/></g></g></g><defs><clipPath id="clip0_142_1689"><path fill="#fff" d="M0 0h210v90H0z"/></clipPath><clipPath id="clip1_142_1689"><path fill="#fff" d="M201 16.666h37v36h-37z"/></clipPath><clipPath id="clip2_142_1689"><path fill="#fff" d="M58 9.666h102v80H58z"/></clipPath><clipPath id="clip3_142_1689"><path fill="#fff" d="M-.5 1.363h142v98H-.5z"/></clipPath><clipPath id="clip4_142_1689"><path fill="#fff" d="M165.5 19.59h32v36h-32z"/></clipPath><clipPath id="clip5_142_1689"><path fill="#fff" d="M162 59.795h80v22h-80z"/></clipPath></defs></svg></div><p class="TK-Bundle-Title">Kendo UI</p><p class="TK-Bundle-Description">Bundle of AI Tools plus four <strong>JavaScript UI libraries </strong>built natively for jQuery, Angular, React and Vue.</p></a></div><div class="TK-BtnProducts TK--Desktop"><a href="/all-products" class="TK-Dash-Featured-Link">See All Products</a></div></div><div class="TK-col-19 TK-pr30"><div class="TK-row"><div class="TK-col-6"><div class="TK-Dash-Group"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M3.333 11.667a.833.833 0 0 1-.65-1.359l8.25-8.5a.417.417 0 0 1 .717.384l-1.6 5.016a.833.833 0 0 0 .783 1.125h5.834a.833.833 0 0 1 .65 1.359l-8.25 8.5a.416.416 0 0 1-.717-.384l1.6-5.016a.833.833 0 0 0-.783-1.125z"/></svg><div><p class="TK-Dash-GroupTitle">Kendo UI</p><p class="TK-Dash-GroupDesc">Build JavaScript UI</p></div></div><hr class="TK-Dash-Separator"><div class="TK-row"><div class="TK-col-24 TK-Dash-Col--Indented"><p class="TK-Dash-Title TK--Desktop">Javascript</p><div class="TK-Dash-Links"><a href="/kendo-angular-ui" class="TK-Dash-Link" data-match-exact-path>UI for Angular</a> <a href="/kendo-vue-ui" class="TK-Dash-Link" data-match-exact-path>UI for Vue</a> <a href="/kendo-jquery-ui" class="TK-Dash-Link" data-match-exact-path>UI for jQuery</a> <a href="/kendo-react-ui" class="TK-Dash-Link" data-match-exact-path>KendoReact</a></div></div></div></div><div class="TK-col-12"><div class="TK-Dash-Group"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M15 13.333 18.333 10 15 6.667m-10 0L1.667 10 5 13.333m7.083-10L7.917 16.667"/></svg><div><p class="TK-Dash-GroupTitle">Telerik</p><p class="TK-Dash-GroupDesc">Build modern .NET business apps</p></div></div><hr class="TK-Dash-Separator"><div class="TK-row"><div class="TK-col-12 TK-Dash-Col--Indented"><div class=""><p class="TK-Dash-Title">.Net Web</p><div class="TK-Dash-Links"><a href="/blazor-ui" class="TK-Dash-Link" data-match-exact-path>UI for Blazor</a> <a href="/aspnet-core-ui" class="TK-Dash-Link" data-match-exact-path>UI for ASP.NET Core</a> <a href="/aspnet-mvc" class="TK-Dash-Link" data-match-exact-path>UI for ASP.NET MVC</a> <a href="/products/aspnet-ajax.aspx" class="TK-Dash-Link" data-match-exact-path>UI for ASP.NET AJAX</a></div><p class="TK-Dash-Title">Cross-Platform</p><div class="TK-Dash-Links"><a href="/maui-ui" class="TK-Dash-Link" data-match-exact-path>UI for MAUI</a></div></div></div><div class="TK-col-12 TK-Dash-Col--IndentedInner"><p class="TK-Dash-Title">Desktop</p><div class="TK-Dash-Links"><a href="/products/winforms.aspx" class="TK-Dash-Link" data-match-exact-path>UI for WinForms</a> <a href="/products/wpf/overview.aspx" class="TK-Dash-Link" data-match-exact-path>UI for WPF</a> <a href="/winui" class="TK-Dash-Link" data-match-exact-path>UI for Win UI</a></div><p class="TK-Dash-Title">Reporting and Documents</p><div class="TK-Dash-Links"><a href="/products/reporting.aspx" class="TK-Dash-Link" data-match-exact-path>Reporting</a> <a href="/report-server" class="TK-Dash-Link" data-match-exact-path>Report Server</a> <a href="/document-processing-libraries" class="TK-Dash-Link" data-match-exact-path>Document Processing Library</a></div></div></div></div><div class="TK-col-6"><div class="TK-Dash-Group"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path stroke="#000" d="m5.853 13.845.08.221.22.08 2.37.855-2.37.855-.22.08-.08.221-.856 2.37-.854-2.37-.08-.22-.221-.08L1.472 15l2.37-.855.22-.08.08-.221.855-2.37zm8.306-7.033.08.203.201.079 4.197 1.656-4.197 1.656-.2.08-.08.202-1.657 4.198-1.655-4.197-.08-.203-.202-.08L6.37 8.75l4.197-1.656.203-.08.079-.202 1.655-4.198zM4.277 2.926l.08.22.22.08 1.455.526-1.455.527-.22.08-.08.22-.527 1.454-.525-1.454-.08-.22-.221-.08-1.451-.525 1.455-.523.742-.266-.338-.338.418-1.156z"/></svg><div><p class="TK-Dash-GroupTitle">AI for Developers & IT</p><p class="TK-Dash-GroupDesc">Ensure AI program success</p></div></div><hr class="TK-Dash-Separator"><div class="TK-row"><div class="TK-col-24 TK-Dash-Col--Indented"><p class="TK-Dash-Title TK--Desktop">MCP Servers</p><div class="TK-Dash-Links"><a href="/mcp-servers" class="TK-Dash-Link" data-match-exact-path>Agentic UI Generator</a> <a href="/mcp-servers" class="TK-Dash-Link" data-match-exact-path>Coding Assistants</a> <a href="/fiddler/fiddler-everywhere/mcp" class="TK-Dash-Link TK-New" data-match-exact-path>Fiddler MCP</a></div><p class="TK-Dash-Title TK--Desktop">AI for UI</p><div class="TK-Dash-Links"><a href="/ai-components" class="TK-Dash-Link" data-match-exact-path>AI-Ready Components</a></div><p class="TK-Dash-Title TK--Desktop">AI Engineering</p><div class="TK-Dash-Links"><a href="/ai-engineering" class="TK-Dash-Link" data-match-exact-path>Overview</a> <a href="/ai-observability-platform" class="TK-Dash-Link TK-Dash-Link--Indented TK-New" data-match-exact-path>AI Observability</a> <a href="/fiddler/fiddler-everywhere/agent-cache" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Agent Cache</a></div></div></div></div></div><div class="TK-row"><div class="TK-col-24"><div class="TK-Dash-Group"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><g stroke="#000" stroke-miterlimit="10" clip-path="url(#clip0_151_4520)"><path d="M17.15 17.865H2.85m.65-9.132 6.5 3.75 6.5-3.75M10 .316v11.693"/></g><defs><clipPath id="clip0_151_4520"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg><div><p class="TK-Dash-GroupTitle">Additional Tools</p><p class="TK-Dash-GroupDesc">Enhance the developer and designer experience</p></div></div><hr class="TK-Dash-Separator"><div class="TK-row"><div class="TK-col-6 TK-Dash-Col--Indented"><p class="TK-Dash-Title">Testing & Mocking</p><div class="TK-Dash-Links"><a href="/teststudio" class="TK-Dash-Link" data-match-exact-path>Test Studio</a> <a href="/products/mocking.aspx" class="TK-Dash-Link" data-match-exact-path>JustMock</a></div></div><div class="TK-col-6 TK-Dash-Col--Indented"><p class="TK-Dash-Title">Debugging</p><div class="TK-Dash-Links"><a href="/fiddler" class="TK-Dash-Link" data-match-exact-path>Fiddler</a> <a href="/fiddler/fiddler-everywhere" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Fiddler Everywhere</a> <a href="/fiddler/fiddler-classic" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Fiddler Classic</a> <a href="/fiddler/fiddler-everywhere-reporter" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Fiddler Everywhere Reporter</a> <a href="/fiddlercore" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>FiddlerCore</a></div></div><div class="TK-col-6 TK-Dash-Col--IndentedInner"><p class="TK-Dash-Title">UI Tools</p><div class="TK-Dash-Links"><a href="/themebuilder" class="TK-Dash-Link" data-match-exact-path>ThemeBuilder</a> <a href="/page-templates-and-ui-blocks" class="TK-Dash-Link" data-match-exact-path>Page Templates and Building Blocks</a></div><p class="TK-Dash-Title">CMS</p><div class="TK-Dash-Links"><a href="https://www.progress.com/sitefinity-cms" class="TK-Dash-Link" data-match-exact-path>Sitefinity</a></div></div><div class="TK-col-6 TK-Dash-Col--Indented"><p class="TK-Dash-Title">Free Tools</p><div class="TK-Dash-Links"><a href="/kendo-react-ui/free-react-components" class="TK-Dash-Link">KendoReact Free</a> <a href="https://converter.telerik.com" class="TK-Dash-Link">VB.NET to C# Converter</a> <a href="/teststudio/testing-framework" class="TK-Dash-Link" data-match-exact-path>Testing Framework</a></div></div></div></div></div><div class="TK-BtnProducts TK--Mobile"><hr class="TK-Dash-Separator"><a href="/all-products" class="TK-Dash-Featured-Link">See All Products</a></div></div></div></div></div><div class="TK-Dash-Extension TK--Mobile"></div></li></ul><div class="TK-Drawer" id="js-tlrk-nav-drawer"><ul class="TK-Context-Menu TK-Menu"><li class="TK-Menu-Item"><a href="/kendo-ui" class="TK-Menu-Item-Link" data-match-exact-path>Overview</a></li><li class="TK-Menu-Item"><button type="button" class="TK-Menu-Item-Button">Frameworks <i class="TK-Arrow"></i></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Mobile"><li><a href="/kendo-jquery-ui" class="TK-Dropdown-Link" data-match-exact-path>jQuery</a></li><li><a href="/kendo-angular-ui" class="TK-Dropdown-Link" data-match-exact-path>Angular</a></li><li><a href="/kendo-react-ui" class="TK-Dropdown-Link" data-match-exact-path>React</a></li><li><a href="/kendo-vue-ui" class="TK-Dropdown-Link" data-match-exact-path>Vue</a></li></ul></li><li class="TK-Menu-Item"><button type="button" class="TK-Menu-Item-Button">Demos <i class="TK-Arrow"></i></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Small TK-Dropdown--Mobile"><li><a href="https://demos.telerik.com/kendo-ui/" class="TK-Dropdown-Link" data-match-exact-path>jQuery</a></li><li><a href="/kendo-angular-ui/components/" class="TK-Dropdown-Link" data-match-exact-path>Angular</a></li><li><a href="/kendo-react-ui/components/" class="TK-Dropdown-Link" data-match-starts-with-path>React</a></li><li><a href="/kendo-vue-ui/components/" class="TK-Dropdown-Link" data-match-starts-with-path>Vue</a></li></ul></li><li class="TK-Menu-Item"><button type="button" class="TK-Menu-Item-Button">Roadmap <i class="TK-Arrow"></i></button><div class="TK-Dropdown TK-Dropdown--Double TK-Dropdown--XL TK-Dropdown--Gray TK-Dropdown--Mobile"><div class="TK-container"><div class="TK-row"><div class="TK-col-6"><p class="TK-Dash-Title">jQuery</p><ul class="TK-Dropdown-List"><li><a href="/support/whats-new/kendo-jquery-ui" class="TK-Dropdown-List-Link" data-match-exact-path>What's New</a></li><li><a href="/support/whats-new/kendo-jquery-ui/roadmap" class="TK-Dropdown-List-Link" data-match-exact-path>Roadmap</a></li><li><a href="/kendo-angular-ui/components/changelogs/kendo-angular-ui" class="TK-Dropdown-List-Link" data-match-starts-with-path>Release History</a></li></ul></div><div class="TK-col-6"><p class="TK-Dash-Title">Angular</p><ul class="TK-Dropdown-List"><li><a href="/support/whats-new/kendo-angular-ui" class="TK-Dropdown-List-Link" data-match-exact-path>What's New</a></li><li><a href="/support/whats-new/kendo-angular-ui/roadmap" class="TK-Dropdown-List-Link" data-match-exact-path>Roadmap</a></li><li><a href="/kendo-angular-ui/components/changelogs/kendo-angular-ui" class="TK-Dropdown-List-Link" data-match-starts-with-path>Release History</a></li></ul></div><div class="TK-col-6"><p class="TK-Dash-Title">React</p><ul class="TK-Dropdown-List"><li><a href="/support/whats-new/kendo-react-ui" class="TK-Dropdown-List-Link" data-match-exact-path>What's New</a></li><li><a href="/support/whats-new/kendo-react-ui/roadmap" class="TK-Dropdown-List-Link" data-match-exact-path>Roadmap</a></li><li><a href="/kendo-react-ui/components/changelogs/ui-for-react" class="TK-Dropdown-List-Link" data-match-starts-with-path>Release History</a></li></ul></div><div class="TK-col-6"><p class="TK-Dash-Title">Vue</p><ul class="TK-Dropdown-List"><li><a href="/support/whats-new/kendo-vue-ui" class="TK-Dropdown-List-Link" data-match-exact-path>What's New</a></li><li><a href="/support/whats-new/kendo-vue-ui/roadmap" class="TK-Dropdown-List-Link" data-match-exact-path>Roadmap</a></li><li><a href="/kendo-vue-ui/components/changelogs/ui-for-vue" class="TK-Dropdown-List-Link" data-match-starts-with-path>Release History</a></li></ul></div></div></div></div></li><li class="TK-Menu-Item"><button type="button" class="TK-Menu-Item-Button">Docs & Support <i class="TK-Arrow"></i></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Small TK-Dropdown--Mobile"><li><a href="/support/kendo-ui" class="TK-Dropdown-Link" data-match-exact-path>jQuery</a></li><li><a href="/support/kendo-ui-for-angular" class="TK-Dropdown-Link" data-match-exact-path>Angular</a></li><li><a href="/kendo-react-ui/support" class="TK-Dropdown-Link" data-match-starts-with-path>React</a></li><li><a href="/support/kendo-ui-for-vue" class="TK-Dropdown-Link" data-match-starts-with-path>Vue</a></li></ul></li><li class="TK-Menu-Item"><a href="/purchase/kendo-ui" class="TK-Menu-Item-Link" data-match-exact-path>Pricing</a></li></ul><ul class="TK-Aside-Menu"><li class="TK-Aside-Menu-Item TK-Aside-Menu-Button--Search"><a href="/search" class="TK-Aside-Menu-Link js-tlrk-nav-search-link" title="Search" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewBox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"></path></svg></a></li><li class="TK-Aside-Menu-Item"><a href="https://store.progress.com/shopping-cart" data-empty-url="/purchase.aspx?filter=web" class="TK-Aside-Menu-Link js-tlrk-nav-shopping-cart-counter-container" aria-label="Shopping cart" title="Shopping cart" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M11.75 14.5a1 1 0 111-1 1 1 0 01-1 1zm-8.25 0a1 1 0 111-1 1 1 0 01-1 1zm8.18-3H4.25A1.752 1.752 0 012.5 9.75v-8a.25.25 0 00-.25-.25H.75a.75.75 0 010-1.5h1.5A1.752 1.752 0 014 1.75v.75h8.78a1.75 1.75 0 011.72 2.093l-1.1 5.5a1.754 1.754 0 01-1.72 1.407zM4 4v5.75a.25.25 0 00.25.25h7.43a.251.251 0 00.245-.2l1.1-5.5a.251.251 0 00-.245-.3z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Link-Text">Shopping cart</span></a></li><li class="TK-Aside-Menu-Item TK--Auth TK-dn" id="js-tlrk-nav-auth-container"><button type="button" class="TK-Aside-Menu-Button"><span class="TK-Avatar"><img width="20" height="20" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="{[AvatarUrl]}" onerror="this.onerror=null;this.src='/sfimages/default-source/avatars/avatar.webp'" alt="Your Avatar" class="TK-Avatar-Media" id="js-tlrk-nav-avatar-image"> </span><span class="TK-Aside-Menu-Button-Text">Your Account <i class="TK-Arrow"></i></span></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Small TK-Dropdown--Mobile"><li><a href="/account" class="TK-Dropdown-Link" data-match-exact-path><span>Account Overview</span></a></li><li><a href="/account/your-licenses" class="TK-Dropdown-Link" data-match-starts-with-path><span>Your Licenses</span></a></li><li><a href="/account/downloads" class="TK-Dropdown-Link" data-match-starts-with-path><span>Downloads</span></a></li><li><a href="/account/support-center" class="TK-Dropdown-Link" data-match-starts-with-path><span>Support Center</span></a></li><li><a href="/forums/profile/mine" class="TK-Dropdown-Link" data-match-exact-path><span>Forum Profile</span></a></li><li><a href="/account/payment-methods" class="TK-Dropdown-Link" data-match-starts-with-path><span>Payment Methods</span></a></li><li><a href="/account/profile" class="TK-Dropdown-Link" data-match-exact-path><span>Edit Profile</span></a></li><li><a data-href="{[LogoutUrl]}" class="TK-Dropdown-Link" id="js-tlrk-nav-log-out" rel="nofollow"><span class="TK-Dropdown-Link-Spacer">Log out</span></a></li></ul></li><li class="TK-Aside-Menu-Item TK--Not-Auth" id="js-tlrk-nav-not-auth-container"><a href="/account" title="Your Account" class="TK-Aside-Menu-Button TK-tac" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path xmlns="http://www.w3.org/2000/svg" d="M13.75 14.5a.751.751 0 01-.75-.75v-.5a5.75 5.75 0 10-11.5 0v.5a.75.75 0 01-1.5 0v-.5a7.175 7.175 0 011.319-4.159A7.262 7.262 0 014.69 6.476 3.717 3.717 0 013.5 3.75a3.75 3.75 0 117.5 0 3.716 3.716 0 01-1.19 2.726 7.263 7.263 0 013.371 2.615A7.175 7.175 0 0114.5 13.25v.5a.751.751 0 01-.75.75zm-6.5-13A2.25 2.25 0 109.5 3.75 2.253 2.253 0 007.25 1.5z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Button-Text">Login</span></a></li><li class="TK-Aside-Menu-Item TK-bn"><a href="/contact?preselect=kendo-ui" class="TK-Aside-Menu-Button TK-Button--CTA-Sec" title="Contact Us" data-match-starts-with-path><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M12.75 14.5h-11A1.752 1.752 0 010 12.753v-7.37a.092.092 0 01.005-.026.1.1 0 000-.023.782.782 0 01.01-.093.63.63 0 01.02-.071l.007-.021V5.14a.828.828 0 01.036-.088.673.673 0 01.045-.078.078.078 0 00.009-.02.069.069 0 01.01-.02.1.1 0 01.028-.019.1.1 0 00.019-.015.68.68 0 01.077-.076.124.124 0 00.015-.024.106.106 0 01.019-.016L6.2.354a1.736 1.736 0 012.1 0l5.9 4.431a.1.1 0 01.018.02.118.118 0 00.017.019.591.591 0 01.076.075.109.109 0 00.02.018.1.1 0 01.019.017.077.077 0 01.01.02.088.088 0 00.01.02c.017.026.031.053.045.078a.9.9 0 01.039.1l.007.021a.5.5 0 01.03.164.1.1 0 000 .023.092.092 0 01.005.027v7.37A1.752 1.752 0 0112.75 14.5zM1.5 6.883v5.87a.253.253 0 00.25.247h11a.253.253 0 00.249-.25V6.883L8.3 10.412a1.737 1.737 0 01-2.1 0zM7.25 1.5a.248.248 0 00-.15.053L2 5.383l5.1 3.83a.253.253 0 00.15.052.245.245 0 00.15-.053l5.1-3.829-5.1-3.83a.248.248 0 00-.15-.053z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Button-Text">Contact Us</span></a></li><li class="TK-Aside-Menu-Item TK-bn"><button type="button" class="TK-Button TK-Button--CTA">Try now <i class="TK-Arrow"></i></button><ul class="TK-Dropdown TK-Dropdown--Full TK-Dropdown--CTA TK-Dropdown--White TK-Dropdown--Mobile"><li><a href="/try/kendo-ui" class="TK-Dropdown-Link">jQuery</a></li><li><a href="/try/kendo-angular-ui" class="TK-Dropdown-Link">Angular</a></li><li><a href="/try/kendo-react-ui" class="TK-Dropdown-Link">React</a></li><li><a href="/try/kendo-vue-ui" class="TK-Dropdown-Link">Vue</a></li></ul></li></ul></div><div class="TK-Drawer-Extension"></div><div class="TK-Aside TK--Mobile"><ul class="TK-Aside-Menu"><li class="TK-Aside-Menu-Item TK-Aside-Menu-Button--Search"><a href="/search" class="TK-Aside-Menu-Link js-tlrk-nav-search-link" title="Search" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewBox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"></path></svg></a></li><li class="TK-Aside-Menu-Item"><button type="button" aria-label="Main Navigation" class="TK-Aside-Menu-Button TK-Aside-Menu-Button--Toggle-Drawer" id="js-tlrk-nav-drawer-button"><svg id="menu" viewBox="0 0 100 80" class="WUG-Svg WUG-Svg-Hamburger" width="22" height="16"><line x1="10" y1="40" x2="90" y2="40"></line><line x1="10" y1="40" x2="90" y2="40"></line><line x1="10" y1="40" x2="90" y2="40"></line></svg></button></li></ul></div></div></section><button type="button" class="TK-Nav-Overlay" id="js-tlrk-nav-overlay">close mobile menu</button></nav><script async type="module" src="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.7.52/js/index.min.mjs"></script><script>
(function (a, b, c, d) {
window.fetch("https://www.g2.com/products/progress-kendo-ui/rating_schema.json")
.then(e => e.json())
.then(f => {
c = a.createElement(b); c.type = "application/ld+json";
c.text = JSON.stringify(f); d = a.getElementsByTagName(b)[0];
d.parentNode.insertBefore(c, d);
});
})
(document, "script");
</script>
<div id="ContentPlaceholder1_T53129E6C012_Col00" class="sf_colsIn PageWrapper tlrk" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<nav class="DC-scroller track--sidenav" aria-label="Side navigation"><a data-sf-ec-immutable="" href="#overview" data-scrollto="sctn-Overview">Overview</a>
<a data-sf-ec-immutable="" href="#key-benefits" data-scrollto="sctn-Features">Features</a>
<a data-sf-ec-immutable="" href="#components" data-scrollto="sctn-Components" class="has-light-bg">Components</a>
<a data-sf-ec-immutable="" href="#ai-tools" data-scrollto="sctn-AITools" class="has-light-bg" referrerpolicy="no-referrer-when-downgrade">AI Tools</a>
<a data-sf-ec-immutable="" href="#design-tools" data-scrollto="sctn-DesignTools" class="has-light-bg">Design Tools</a>
<a data-sf-ec-immutable="" href="#pricing" data-scrollto="sctn-Pricing" class="has-light-bg">Pricing</a>
<a data-sf-ec-immutable="" href="#success-stories" data-scrollto="sctn-SuccessStories">Success Stories</a>
<a data-sf-ec-immutable="" href="#faqs" data-scrollto="sctn-FAQs" class="has-light-bg">FAQs</a>
</nav><div id="ContentPlaceholder1_C1085_Col00" class="sf_colsIn Section u-pt10 u-pb10 u-bg-blue4 u-zi2 sctn-Overview" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1086_Col00" class="sf_colsIn container" data-sf-element="GridContainer" data-placeholder-label="GridContainer"><div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1087_Col00" class="sf_colsIn col-8 u-m-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1">
<h1 class="u-mb1" id="overview">The Only JavaScript Component Library You Will Ever Need</h1>
<p class="u-fs28 u-fw3 u-c-grey8 u-m0 u-mb9">Kendo UI is a <span class="u-fw5">bundle</span> of four JavaScript UI libraries built natively for jQuery, Angular, React and Vue. Each is built with consistent API and theming, so no matter what you choose, your UI will be modern, responsive, accessible
and fast.
</p></div>
<div id="ContentPlaceholder1_C1087_Col01" class="sf_colsIn col-4 u-tar u-pl0 u-l-pl2 u-m-dn" data-sf-element="Column 2" data-placeholder-label="Column 2">
<img title="kendo-ui-hero-illustration" src="/sfimages/default-source/productsimages/kendo-ui-web/kendo-ui-hero-illustration@2x-min.png?sfvrsn=825055d2_2" alt="kendo-ui-hero-illustration" /></div>
</div>
<div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1088_Col00" class="sf_colsIn col-12" data-sf-element="Column 1" data-placeholder-label="Column 1">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations.min.js"></script>
<h2 class="u-c-grey8 u-mb2 u-fw4 h6">Explore Kendo UI Libraries</h2></div>
</div>
<div class="row row--aligned u-mb10 ab-test-show u-dn row--equal" data-sf-element="Row">
<div id="ContentPlaceholder1_C1240_Col00" class="sf_colsIn col-3 u-mb3 u-xl-col-4 u-l-col-6 u-s-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"><div id="ContentPlaceholder1_C1241_Col00" class="sf_colsIn flip-box" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1242_Col00" class="sf_colsIn flip-box-inner" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1243_Col00" class="sf_colsIn flip-box-front u-bg-blue2 u-p2 u-l-pr2 u-br10 u-pt4 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-jquery-logo-_50x50@2x-min.png?sfvrsn=9012a2ed_2" loading="lazy" alt="kui-jquery-logo-_50x50@2x-min" class="u-w6 u-w6 u-mb3" />
<h4 class="u-c-white u-fw5 u-mb0">Kendo UI for jQuery</h4></div>
<div id="ContentPlaceholder1_C1244_Col00" class="sf_colsIn flip-box-back u-bg-violet u-p2 u-br10 u-pt3 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-jquery-logo-_50x50@2x-min.png?sfvrsn=9012a2ed_2" loading="lazy" alt="kui-jquery-logo-_50x50@2x-min" class="u-w3 u-mb1" />
<p class="u-fs20">Kendo UI for jQuery</p>
<p class="u-fs18 u-mb0">100+ fully native components for building high-quality modern jQuery UI in no time. </p><a href="https://www.telerik.com/kendo-jquery-ui" class="u-fs18 u-mt0">Learn More</a></div>
</div>
</div>
</div>
<div id="ContentPlaceholder1_C1240_Col01" class="sf_colsIn col-3 u-mb3 u-xl-col-4 u-l-col-6 u-s-col-12" data-sf-element="Column 2" data-placeholder-label="Column 2"><div id="ContentPlaceholder1_C1309_Col00" class="sf_colsIn flip-box" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1310_Col00" class="sf_colsIn flip-box-inner" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1311_Col00" class="sf_colsIn flip-box-front u-bg-blue2 u-p2 u-l-pr2 u-br10 u-pt4 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-angular-logo-50x502x-min-png.png?sfvrsn=44ea8af5_3" loading="lazy" alt="kui-angular-logo-_50x50@2x-min.png" class="u-w6 u-h6 u-mb3" />
<h4 class="u-c-white u-fw5 u-mb0">Kendo UI for Angular</h4></div>
<div id="ContentPlaceholder1_C1317_Col00" class="sf_colsIn flip-box-back u-bg-violet u-p2 u-br10 u-pt3 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img width="32" height="32" src="https://www.telerik.com/sfimages/default-source/kendo-ui-for-vue/icn_business_requirement_50x50-2.png?sfvrsn=79f22095_2" alt="icn_business_requirement_50x50-2" />
<p class="u-fs20">Kendo UI for Angular</p>
<p class="u-fs18 u-mb0">100+ fully native components for building high-quality modern Angular UI in no time. </p><a href="https://www.telerik.com/kendo-angular-ui" class="u-fs18 u-mt0">Learn More</a></div>
</div>
</div>
</div>
<div id="ContentPlaceholder1_C1240_Col02" class="sf_colsIn col-3 u-mb3 u-xl-col-4 u-l-col-6 u-s-col-12" data-sf-element="Column 3" data-placeholder-label="Column 3"><div id="ContentPlaceholder1_C1319_Col00" class="sf_colsIn flip-box" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1320_Col00" class="sf_colsIn flip-box-inner" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1321_Col00" class="sf_colsIn flip-box-front u-bg-blue2 u-p2 u-pr0 u-l-pr2 u-br10 u-pt4 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-reactlogo-_50x50@2x-min-png.png?sfvrsn=c36d1274_2" loading="lazy" alt="kui-reactlogo-_50x50@2x-min.png" class="u-w6 u-w6 u-mb3" />
<h4 class="u-c-white u-fw5 u-mb0">KendoReact</h4></div>
<div id="ContentPlaceholder1_C1324_Col00" class="sf_colsIn flip-box-back u-bg-violet u-p2 u-br10 u-pt3 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-reactlogo-_50x50@2x-min-png.png?sfvrsn=c36d1274_2" loading="lazy" alt="kui-reactlogo-_50x50@2x-min.png" class="u-w3 u-mb1" />
<p class="u-fs20">Kendo UI for React</p>
<p class="u-fs18 u-mb0">100+ fully native components for building high-quality modern React UI in no time. </p><a href="https://www.telerik.com/kendo-react-ui/" class="u-fs18 u-mt0">Learn More</a></div>
</div>
</div>
</div>
<div id="ContentPlaceholder1_C1240_Col03" class="sf_colsIn col-3 u-mb3 u-xl-col-4 u-l-col-6 u-s-col-12" data-sf-element="Column 4" data-placeholder-label="Column 4"><div id="ContentPlaceholder1_C1326_Col00" class="sf_colsIn flip-box" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1329_Col00" class="sf_colsIn flip-box-inner" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1330_Col00" class="sf_colsIn flip-box-front u-bg-blue2 u-p2 u-pr0 u-l-pr2 u-br10 u-pt4 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-vue-logo-_50x50@2x-min-png.png?sfvrsn=824c2962_2" loading="lazy" alt="kui-vue-logo-_50x50@2x-min.png" class="u-w6 u-w6 u-mb3" />
<h4 class="u-c-white u-fw5 u-mb0">Kendo UI for <br class="u-l-dn" />Vue</h4></div>
<div id="ContentPlaceholder1_C1333_Col00" class="sf_colsIn flip-box-back u-bg-violet u-p2 u-br10 u-pt3 u-h90" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-vue-logo-_50x50@2x-min-png.png?sfvrsn=824c2962_2" loading="lazy" alt="kui-vue-logo-_50x50@2x-min.png" class="u-w3 u-mb1" />
<p class="u-fs20">Kendo UI for Vue</p>
<p class="u-fs18 u-mb0">100+ fully native components for building high-quality modern Vue UI in no time. </p><a href="https://www.telerik.com/kendo-vue-ui" class="u-fs18 u-mt0">Learn More</a></div>
</div>
</div>
</div>
</div>
<div class="row u-mb10 u-l-mb6 u-s-mb4 ab-test-hide" data-sf-element="Row">
<div id="ContentPlaceholder1_C1433_Col00" class="sf_colsIn col-9 u-l-col-12 u-s-mb1" data-sf-element="Column 1" data-placeholder-label="Column 1"><div id="ContentPlaceholder1_C1428_Col00" class="sf_colsIn u-bg-blue5 u-br10 u-p1h" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div class="row row--equal" data-sf-element="Row">
<div id="ContentPlaceholder1_C1484_Col00" class="sf_colsIn col-4 u-l-col-6 u-l-mb3 u-s-col-12 u-s-mb2" data-sf-element="Column 1" data-placeholder-label="Column 1">
<a class="HoverBox u-tdn u-bg-blue2 u-br10 u-p3 u-pt4 u-pb4 u-db u-full u-mh100" href="/kendo-angular-ui"><img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-angular-logo-50x502x-min-png.png?sfvrsn=44ea8af5_3" loading="lazy" alt="kui-angular-logo-_50x50@2x-min.png" class="u-w6 u-h6 u-mb3" /><h4 class="u-c-white u-fw5 u-mb0">Kendo UI for Angular</h4></a></div>
<div id="ContentPlaceholder1_C1484_Col01" class="sf_colsIn col-4 u-l-col-6 u-l-mb3 u-s-col-12 u-s-mb2" data-sf-element="Column 2" data-placeholder-label="Column 2">
<a class="HoverBox u-tdn u-bg-blue2 u-br10 u-p3 u-pt4 u-pb4 u-db u-full u-mh100" href="/kendo-react-ui"><img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-reactlogo-_50x50@2x-min-png.png?sfvrsn=c36d1274_2" loading="lazy" alt="kui-reactlogo-_50x50@2x-min.png" class="u-w6 u-w6 u-mb3" /><h4 class="u-c-white u-fw5 u-mb0">KendoReact</h4></a></div>
<div id="ContentPlaceholder1_C1484_Col02" class="sf_colsIn col-4 u-l-col-6 u-l-mb3 u-s-col-12 u-s-mb2" data-sf-element="Column 3" data-placeholder-label="Column 3">
<a class="HoverBox u-tdn u-bg-blue2 u-br10 u-p3 u-pt4 u-pb4 u-db u-full u-mh100" href="/kendo-jquery-ui"><img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-jquery-logo-_50x50@2x-min.png?sfvrsn=9012a2ed_2" loading="lazy" alt="kui-jquery-logo-_50x50@2x-min" class="u-w6 u-w6 u-mb3" /><h4 class="u-c-white u-fw5 u-mb0">Kendo UI for jQuery</h4></a></div>
</div>
<div class="row u-mt1 u-l-mt0" data-sf-element="Row">
<div id="ContentPlaceholder1_C1431_Col00" class="sf_colsIn col-2 u-wa u-pr0 u-s-mb1" data-sf-element="Column 1" data-placeholder-label="Column 1">
<span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span></div>
<div id="ContentPlaceholder1_C1431_Col01" class="sf_colsIn col-10 u-l-col-10 u-pr0 u-s-pr1" data-sf-element="Column 2" data-placeholder-label="Column 2">
<p><a target="_blank" href="/mcp-servers"></a>Build production-ready UI faster with <a href="/mcp-servers">AI tools for Kendo UI</a>, included with your subscription.</p></div>
</div>
</div>
</div>
<div id="ContentPlaceholder1_C1433_Col01" class="sf_colsIn col-3 u-l-col-12 u-s-mb0" data-sf-element="Column 2" data-placeholder-label="Column 2"><div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1485_Col00" class="sf_colsIn col-12 u-l-col-6 u-l-mb3 u-s-mb1 u-pt1h" data-sf-element="Column 1" data-placeholder-label="Column 1">
<a class="HoverBox u-tdn u-bg-blue2 u-br10 u-p3 u-pt4 u-pb4 u-db u-full u-mh100" href="/kendo-vue-ui"><img src="/sfimages/default-source/productsimages/kendo-ui-web/kui-vue-logo-_50x50@2x-min-png.png?sfvrsn=824c2962_2" loading="lazy" alt="kui-vue-logo-_50x50@2x-min.png" class="u-w6 u-w6 u-mb3" /><h4 class="u-c-white u-fw5 u-mb0">Kendo UI for <br class="u-l-dn" />Vue</h4></a></div>
</div>
</div>
</div>
<h2 class="u-c-white u-mb3 u-lh1 h3">Know What You're Looking For?</h2><div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1091_Col00" class="sf_colsIn col-4 u-l-col-6 u-s-col-12 u-s-mb1 u-zi2" data-sf-element="Column 1" data-placeholder-label="Column 1">
<div class="Dropdown" data-tlrk-plugin="dropdown"><a data-sf-ec-immutable="" href="#download-trial-file" aria-label="Start Free Trial Button" class="Dropdown-control u-db Btn Btn--prim2 Btn--l u-fs24 track--kui-trial-cta1-dropdown">Start Free Trial <span class="Dropdown-arrow"></span></a>
<div class="DashMenu u-pa u-fs20 u-tac"><a class="u-db u-wsn track--kui-trial-cta1-jquery" href="/try/kendo-ui">UI for jQuery</a>
<a class="u-db u-wsn track--kui-trial-cta1-angular" href="/try/kendo-angular-ui">UI for Angular</a>
<a class="u-db u-wsn track--kui-trial-cta1-react" href="/try/kendo-react-ui">UI for React</a>
<a class="u-db u-wsn track--kui-trial-cta1-vue" href="/try/kendo-vue-ui">UI for Vue</a>
</div></div></div>
<div id="ContentPlaceholder1_C1091_Col01" class="sf_colsIn col-4 u-l-col-6 u-s-col-12" data-sf-element="Column 2" data-placeholder-label="Column 2">
<a class="Btn Btn--sec u-fs24 u-db" href="/purchase/kendo-ui">Buy Now</a></div>
</div>
</div>
</div>
<section id="ContentPlaceholder1_C1102_Col00" class="sf_colsIn Section u-bg-blue5 u-pt8 u-pb8 sctn-Features u-za" data-sf-element="Section" data-placeholder-label="Section Empty"><div id="ContentPlaceholder1_C1103_Col00" class="sf_colsIn Section-bg Section-bg--containT" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<img loading="lazy" src="/sfimages/default-source/decorations/inverted-top-curve-darkblue.svg?sfvrsn=ebb54c_2" alt="inverted-top-curve-darkblue" /></div>
<div id="ContentPlaceholder1_C1104_Col00" class="sf_colsIn container u-xl-pt3" data-sf-element="GridContainer" data-placeholder-label="GridContainer"><div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1106_Col00" class="sf_colsIn col-10 u-l-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1">
<h2 class="u-mb5" id="key-benefits">How Kendo UI Makes <br class="u-l-dn" />Your Team as Productive as Possible</h2></div>
</div>
<div class="row u-mb8" data-sf-element="Row">
<div id="ContentPlaceholder1_C1107_Col00" class="sf_colsIn col-4 u-mb6 u-l-col-6 u-l-mb4 u-s-col-12 u-s-mb4" data-sf-element="Column 1" data-placeholder-label="Column 1">
<div class="u-w13 u-h13 u-mb3">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 130" class="svgimg" title="Progress Telerik Component Library,Ready to use UI components" alt="Telerik UI for WinUI Ready to use UI components"><defs><lineargradient id="svg-grad" x1="0.845" x2="0.327" y2="0.926" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#ffb318"></stop><stop offset="1" stop-color="#ff9b4b"></stop></lineargradient>
</defs>
<path d="M306.6 874.347v-78.158H200.314v78.158h-.028l.028 1.113v4.52h.116a8.653 8.653 0 008.649 8.478H243.4a10.956 10.956 0 014.956 1.174 13.145 13.145 0 013.47 2.574 16.409 16.409 0 012.041 2.565c.178.276.319.515.426.705.1-.189.234-.427.4-.7a14.956 14.956 0 012-2.569 12.676 12.676 0 013.527-2.576 11.788 11.788 0 015.2-1.173h32.6a8.655 8.655 0 008.655-8.655v-5.456z" transform="translate(-189.003 -784.821)" fill="url(#svg-grad)"></path><g class="icon" transform="translate(-189.003 -784.821)"><rect class="u-c-white" width="31.352" height="11.146" rx="5.573" transform="translate(209.308 848.417)"></rect><path d="M218.009 854.276h14.505"></path></g>
<g class="icon" transform="translate(-189.003 -784.821)"><rect width="31.352" height="11.146" rx="5.573" transform="translate(209.308 864.446)"></rect><path class="u-c-white" d="M218.009 870.305h14.505"></path></g>
<g class="icon" transform="translate(-189.003 -784.821)"><circle cx="1.524" cy="1.524" r="1.524" transform="translate(209.029 815.108)"></circle><circle cx="1.524" cy="1.524" r="1.524" transform="translate(209.029 825.328)"></circle><path class="u-c-white" d="M215.892 816.683h45.779M215.892 826.903h31.588"></path><circle cx="1.524" cy="1.524" r="1.524" transform="translate(209.029 835.602)"></circle><path class="u-c-white" d="M215.892 837.177h45.779"></path></g>
<g class="icon"><path class="u-c-white" d="M84.488 31.826h20.465v20.465H84.488z"></path><path d="M89.905 39.651l7.825 7.825 15.048-16.252"></path></g>
<g class="icon" transform="translate(-189.003 -784.821)"><path d="M255.677 854.134h15.555"></path><path class="u-c-white" d="M279.779 854.134h15.189"></path><circle cx="3.96" cy="3.96" r="3.96" transform="translate(271.421 850.16)"></circle></g>
<g class="icon"><path class="u-c-white" d="M67.374 91.315h39.275"></path><path d="M70.78 94.779c.745-4.034 6.381-15.627 10.573-9.568 1.486 2.148 1.63 4.229 4.082 3.982 2.916-.293 4.366-6.154 6.536-7.057 2.586-1.075 2.979 2.725 5.2 3.31 4.03 1.06 4.494-6.568 9.546-7.85"></path><path stroke-width="1.053" stroke="#0357ff" stroke-miterlimit="10" fill="none" d="M52.198 19.563h25.458"></path><path d="M2.275 103.785c.051 6.344 4.58 11.456 10.15 11.456H52.68a11.581 11.581 0 015.811 1.57 15.711 15.711 0 014.07 3.438 21.656 21.656 0 012.394 3.426c.208.369.375.689.5.942.118-.253.274-.57.472-.936a19.938 19.938 0 012.346-3.431 15.13 15.13 0 014.136-3.441 12.451 12.451 0 016.1-1.568h38.231c5.606 0 10.15-5.176 10.15-11.561"></path></g>
</svg>
</div>
<h3 class="u-fs28 u-lh1 u-mb2 h5">Ready-to-Use UI Components</h3><p>Easily add advanced JavaScript components into your existing or new designs. Kendo UI’s hundreds of components handle everything you need to satisfy your users’ requirements.</p></div>
<div id="ContentPlaceholder1_C1107_Col01" class="sf_colsIn col-4 u-mb6 u-l-col-6 u-l-mb4 u-s-col-12 u-s-mb4" data-sf-element="Column 2" data-placeholder-label="Column 2">
<div class="u-w13 u-h13 u-mb3">
<svg class="svgimg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 131 124" title="Progress Telerik Best UI,Complex Features" alt="Progress Telerik Best UI,Complex Features"><defs><lineargradient id="svg-grad" x1="0" x2="0" y1="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0"></stop><stop offset="1"></stop></lineargradient>
</defs>
<g transform="translate(0.5 0.5)"><path fill="url(#svg-grad)" d="M1077.076,745.887v14.4h115.495v-29s-3.714-10-16.714-9-16.714,19-35.286,18-23.78-6.2-36.78-6.2S1077.076,745.887,1077.076,745.887Z" transform="translate(-1070 -647.29)"></path><path fill="url(#svg-grad)" d="M30.526,31.9V0A31.2,31.2,0,1,0,53.295,9.127Z" transform="translate(9.792 12)"></path><g class="icon"><path d="M8.532-17H121.468A8.532,8.532,0,0,1,130-8.468V97.468A8.532,8.532,0,0,1,121.468,106H8.532A8.532,8.532,0,0,1,0,97.468V-8.468A8.532,8.532,0,0,1,8.532-17Z" transform="translate(0 17)"></path><path d="M1077.893,742.789a26.98,26.98,0,0,0,14.857,5c9.286,0,18.973-13.273,35.75-13.5s20.2,9.154,34.291,8.5c13.984-.221,13.285-13.4,28.586-14.07" transform="translate(-1070 -652.29)"></path><line x2="8.5" y2="8.5" transform="translate(114 8)"></line><line y1="8.5" x2="8.5" transform="translate(114 8)"></line><ellipse class="Text--b9 u-c-white" cx="21.507" cy="21.507" rx="21.507" ry="21.507" transform="translate(20.198 21.001)"></ellipse></g>
</g>
</svg>
</div>
<h3 class="u-fs28 u-lh1 u-mb2 h5">Complex UI Features</h3><p>Add advanced components such as data grids, charts, schedulers, and calendars with just a few lines of code. Each is crafted for performance and customizability.</p></div>
<div id="ContentPlaceholder1_C1107_Col02" class="sf_colsIn col-4 u-mb6 u-l-col-6 u-l-mb4 u-s-col-12 u-s-mb4" data-sf-element="Column 3" data-placeholder-label="Column 3">
<div class="u-w13 u-h13 u-mb3">
<svg class="svgimg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126 126" title="Progress Telerik Getting started,Be ready for everything" alt="Progress Telerik Getting started,Be ready for everything"><defs><lineargradient id="svg-grad" x1="0" x2="0" y1="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0"></stop><stop offset="1"></stop></lineargradient>
</defs>
<g transform="translate(1 .3)"><path d="M105.5 56.5v67.4L52.8 79.2 0 123.9V56.5l52.7-44.7z" fill="url(#svg-grad)"></path><g class="icon"><path d="M23.9 125.665V83.3l29.3-24.5"></path><path d="M47.4 104.4l-23.9 20.8"></path><path d="M53.2 58.8l28.3 24.5V125l-23.4-20.6"></path><path d="M52.7.7C40.1 11.6 31.6 31.9 31.6 55.3c0 23.3 8.5 43.7 21.1 54.6C65.4 99 73.9 78.6 73.9 55.3c0-23.4-8.5-43.7-21.2-54.6z"></path><path d="M48.7 111.5V123"></path><path d="M57.6 111.5v6.2"></path><path d="M57.6 121.2v4.5"></path><path d="M53.2 113.2v11.6"></path></g>
<g class="icon Text--b9 u-c-white"><circle cx="10.5" cy="10.5" r="10.5" transform="translate(42.3 27.3)"></circle></g>
</g>
</svg>
</div>
<h3 class="u-fs28 u-lh1 u-mb2 h5">Be Ready for Anything</h3><p>Switching frameworks and starting new projects won’t require a new license or a big learning curve. Everything is included and up-to-date, APIs are consistent and theming is easy.</p></div>
<div id="ContentPlaceholder1_C1107_Col03" class="sf_colsIn col-4 u-l-col-6 u-l-mb4 u-s-col-12 u-s-mb4" data-sf-element="Column 4" data-placeholder-label="Column 4">
<div class="u-w13 u-h13 u-mb3">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 130 130" class="svgimg" title="Progress Telerik Enterprise-Level Quality Performance, Consistently Improving" alt="Progress Telerik Enterprise-Level Quality Performance, Consistently Improving"><defs><lineargradient id="svg-grad" x1="0.845" x2="0.327" y2="0.926" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#ffb318"></stop><stop offset="1" stop-color="#ff9b4b"></stop></lineargradient></defs>
<path d="M668.929 220.535L683.05 264h45.7l-36.97 26.86 14.12 43.457-36.97-26.86-36.97 26.86 14.121-43.461L609.111 264h45.7z" fill="url(#svg-grad)" transform="translate(-603.971 -213.656)"></path><g class="icon"><path d="M68.461 106.644a38.978 38.978 0 0017.384-73.862M98.04 89.771c.241 3.185-2.456 5.985-2.456 5.985s-3.087-2.363-3.329-5.547 2.457-5.985 2.457-5.985 3.087 2.363 3.328 5.547z"></path><path d="M100.771 92.219c3.018-.5 5.922 1.829 5.922 1.829s-1.988 3.15-5.007 3.654-5.923-1.829-5.923-1.829 1.989-3.15 5.008-3.654zM89.804 96.832c-.442 3.349-3.842 5.662-3.842 5.662s-2.684-3.117-2.241-6.466 3.842-5.662 3.842-5.662 2.684 3.117 2.241 6.466z"></path><path d="M92.099 99.959c3.234.134 5.734 3.18 5.734 3.18s-2.744 2.829-5.977 2.695-5.735-3.18-5.735-3.18 2.744-2.829 5.978-2.695zM103.321 80.764c.832 2.851-1.084 5.919-1.084 5.919s-3.264-1.556-4.1-4.408 1.083-5.919 1.083-5.919 3.269 1.556 4.101 4.408z"></path><path d="M106.276 82.466c2.65-1.039 5.742.525 5.742.525s-1.2 3.249-3.853 4.289-5.742-.525-5.742-.525 1.206-3.249 3.853-4.289zM105.871 70.62c1.446 2.215.607 5.324.607 5.324s-3.184-.482-4.63-2.7-.607-5.324-.607-5.324 3.188.485 4.63 2.7z"></path><path d="M108.829 71.307c1.989-1.571 5.028-1.037 5.028-1.037s-.186 3.08-2.175 4.651-5.029 1.037-5.029 1.037.187-3.08 2.176-4.651zM105.229 60.997c1.972 1.488 2.219 4.486 2.219 4.486s-2.95.585-4.922-.9-2.219-4.486-2.219-4.486 2.949-.588 4.922.9z"></path><path d="M108.045 60.664c1.25-2.01 4.09-2.5 4.09-2.5s.812 2.765-.438 4.775-4.09 2.5-4.09 2.5-.812-2.765.438-4.775zM102.548 52.853a6.1 6.1 0 012.919 3.269 4.887 4.887 0 01-7.284-2.883 6.1 6.1 0 014.365-.386zM104.848 51.915a5.845 5.845 0 012.868-3.067 4.683 4.683 0 01-2.125 7.2 5.847 5.847 0 01-.743-4.133zM99.752 45.708a4.968 4.968 0 012.376 2.661 3.979 3.979 0 01-5.929-2.347 4.966 4.966 0 013.553-.314z"></path><path d="M101.624 44.944a1.912 1.912 0 112.94.867 1.912 1.912 0 11-2.94-.867zM95.623 40.613a4.054 4.054 0 012.356 1.709 3.246 3.246 0 01-5.134-.843 4.052 4.052 0 012.778-.866zM96.983 39.68a1.56 1.56 0 111.066 2.576 3.882 3.882 0 01-1.066-2.576zM90.141 36.324a4.052 4.052 0 012.673 1.151 3.246 3.246 0 01-5.193.3 4.051 4.051 0 012.52-1.451zM91.263 35.115a1.56 1.56 0 111.6 2.28 3.882 3.882 0 01-1.6-2.28zM83.656 31.13a4.056 4.056 0 012.3 1.786 3.245 3.245 0 01-5.1-1.012 4.048 4.048 0 012.8-.774zM61.678 106.644a38.978 38.978 0 01-17.383-73.862"></path><path d="M32.099 89.771c-.241 3.185 2.456 5.985 2.456 5.985s3.088-2.363 3.329-5.547-2.457-5.985-2.457-5.985-3.087 2.363-3.328 5.547z"></path><path d="M29.369 92.219c-3.019-.5-5.923 1.829-5.923 1.829s1.988 3.15 5.007 3.654 5.923-1.829 5.923-1.829-1.989-3.15-5.007-3.654zM40.335 96.832c.442 3.349 3.842 5.662 3.842 5.662s2.684-3.117 2.241-6.466-3.842-5.662-3.842-5.662-2.684 3.117-2.241 6.466z"></path><path d="M38.04 99.959c-3.234.134-5.734 3.18-5.734 3.18s2.744 2.829 5.977 2.695 5.735-3.18 5.735-3.18-2.744-2.829-5.978-2.695zM26.552 80.705c-.793 2.862 1.164 5.9 1.164 5.9s3.243-1.6 4.037-4.462-1.164-5.9-1.164-5.9-3.243 1.601-4.037 4.462z"></path><path d="M23.62 82.444c-2.663-1-5.734.6-5.734.6s1.248 3.233 3.911 4.236 5.734-.6 5.734-.6-1.247-3.23-3.911-4.236zM24.268 70.62c-1.446 2.215-.607 5.324-.607 5.324s3.184-.482 4.63-2.7.607-5.324.607-5.324-3.184.485-4.63 2.7z"></path><path d="M21.309 71.307c-1.989-1.571-5.028-1.037-5.028-1.037s.186 3.08 2.175 4.651 5.029 1.037 5.029 1.037-.186-3.08-2.176-4.651zM24.911 60.997c-1.972 1.488-2.219 4.486-2.219 4.486s2.95.585 4.922-.9 2.219-4.486 2.219-4.486-2.95-.588-4.922.9z"></path><path d="M22.094 60.664c-1.25-2.01-4.09-2.5-4.09-2.5s-.812 2.765.438 4.775 4.09 2.5 4.09 2.5.812-2.765-.438-4.775zM27.591 52.853a6.1 6.1 0 00-2.919 3.269 4.887 4.887 0 007.284-2.883 6.1 6.1 0 00-4.365-.386zM25.291 51.915a5.845 5.845 0 00-2.868-3.067 4.683 4.683 0 002.125 7.2 5.847 5.847 0 00.743-4.133zM30.387 45.708a4.968 4.968 0 00-2.376 2.661 3.979 3.979 0 005.929-2.347 4.966 4.966 0 00-3.553-.314z"></path><path d="M28.515 44.944a1.912 1.912 0 10-2.939.867 1.911 1.911 0 102.939-.867zM34.516 40.613a4.05 4.05 0 00-2.355 1.709 3.245 3.245 0 005.133-.843 4.052 4.052 0 00-2.778-.866zM33.156 39.68a1.56 1.56 0 10-1.066 2.576 3.882 3.882 0 001.066-2.576zM39.998 36.324a4.052 4.052 0 00-2.673 1.151 3.246 3.246 0 005.193.3 4.051 4.051 0 00-2.52-1.451zM38.876 35.115a1.56 1.56 0 10-1.6 2.28 3.881 3.881 0 001.6-2.28zM46.483 31.13a4.056 4.056 0 00-2.3 1.786 3.245 3.245 0 005.1-1.012 4.048 4.048 0 00-2.8-.774z"></path><path d="M79.55 75.977a2.586 2.586 0 00-2.692-2.574v-.011a2.583 2.583 0 10-.124-5.153h.562a2.293 2.293 0 000-4.585l-10.831.017s2.775-8.146 2.836-8.283a2.104 2.104 0 10-3.842-1.717c-1.412 3.16-3.743 5.427-6.171 7.557a11.91 11.91 0 01-6.84 2.368l-3.689-.02v20.138h28.353v-.022a2.565 2.565 0 00-.126-5.126v-.02a2.569 2.569 0 002.564-2.569zm-2.819-7.738h0z" stroke="#fff" stroke-miterlimit="10" fill="none"></path><path d="M108.375 99.433a54.273 54.273 0 00-60.8-83.912M21.253 34.754a54.254 54.254 0 0043.68 86.43 54.671 54.671 0 008.552-.67"></path></g></svg>
</div>
<h3 class="u-fs28 u-lh1 u-mb2 h5">Performance Guaranteed</h3><p>Our QA process coupled with world-class support teams and a large user community means that our components will always work the way they’re supposed to—guaranteed.</p></div>
<div id="ContentPlaceholder1_C1107_Col04" class="sf_colsIn col-4 u-l-col-6 u-s-col-12 u-s-mb4" data-sf-element="Column 5" data-placeholder-label="Column 5">
<div class="u-w13 u-h13 u-mb3">
<svg class="svgimg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 120 120" title="Progress Telerik Template support,Modern UI" alt="Progress Telerik Template support,Modern UI"><defs><lineargradient id="svg-grad" x1="0.845" x2="0.327" y2="0.926" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#ffb318"></stop><stop offset="1" stop-color="#ff9b4b"></stop></lineargradient>
</defs>
<path fill="url(#svg-grad)" d="M1066.4,324H959.6a6.6,6.6,0,0,0-6.6,6.605v79.79A6.6,6.6,0,0,0,959.6,417h32.8l-4.664,23.318c-.381,1.9.076,3.682,2.019,3.682h45.262a3.338,3.338,0,0,0,3.286-3.922L1034.2,417h32.2a6.6,6.6,0,0,0,6.6-6.605v-79.79A6.6,6.6,0,0,0,1066.4,324Z" transform="translate(-953 -324)"></path><g class="icon"><path d="M88 59.5v-17M81.5 42.5v17M88 22.5V11.917A5.917 5.917 0 0082.083 6H37.917A5.917 5.917 0 0032 11.917v51.547l1.494-.882 5.006-3V13.5h43v9M32 78.972v22.111A5.917 5.917 0 0037.917 107h44.166A5.917 5.917 0 0088 101.083V77.5m-6.5 0v10h-43V75.138M60 98.5a2.5 2.5 0 112.5-2.5 2.5 2.5 0 01-2.5 2.5z"></path></g>
<g class="icon Text--b9 u-c-white"><path d="M104.5 22.525V22.5h-33v.025c-.167-.008-.331-.025-.5-.025-5.8 0-10.5 3.7-10.5 9.5A10.5 10.5 0 0071 42.5c.169 0 .333-.017.5-.025v.025h33v-.025A10.492 10.492 0 00114.5 32c0-5.63-4.435-9.212-10-9.475zm-1 14.975a5 5 0 115-5 5 5 0 01-5 5zM53.5 50.6L33.492 62.586 15.413 73.251l.009.014c-.094.049-.19.093-.283.148a6.678 6.678 0 106.787 11.5c.092-.054.177-.117.266-.175l.008.014 18.079-10.665 19.992-12.014L66.5 50.5zm6.725 11.474L53.5 50.5M76.5 59.5h18v18h-18z"></path></g>
<g class="icon"><path d="M81.5 66.5L88 73l12.5-13.5"></path></g>
</svg>
</div>
<h3 class="u-fs28 u-lh1 u-mb2 h5">Modern, Beautiful, Accessible UI</h3><p>Kendo UI takes the pain out of implementing modern UI. Use the included Material, Bootstrap, or Kendo themes or implement your own. In any case, accessibility is a priority.</p></div>
<div id="ContentPlaceholder1_C1107_Col05" class="sf_colsIn col-4 u-l-col-6 u-s-col-12" data-sf-element="Column 6" data-placeholder-label="Column 6">
<div class="u-w13 u-h13 u-mb3">
<svg class="svgimg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 107" title="Progress Telerik Frameworks" alt="Progress Telerik Frameworks"><defs><lineargradient id="svg-grad" x1="0" x2="0" y1="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0"></stop><stop offset="1"></stop></lineargradient>
</defs>
<path d="M111.273 58.432a8.924 8.924 0 010 11.136 17.533 17.533 0 00-3.414 12.753 8.906 8.906 0 01-5.57 9.635 17.482 17.482 0 00-9.333 9.333 8.9 8.9 0 01-9.635 5.57 17.533 17.533 0 00-12.753 3.414 8.924 8.924 0 01-11.136 0 17.533 17.533 0 00-12.753-3.414 8.906 8.906 0 01-9.635-5.57 17.482 17.482 0 00-9.333-9.333 8.9 8.9 0 01-5.57-9.635 17.533 17.533 0 00-3.414-12.753 8.924 8.924 0 010-11.136 17.533 17.533 0 003.414-12.753 8.906 8.906 0 015.57-9.635 17.482 17.482 0 009.333-9.333 8.9 8.9 0 019.635-5.57 17.533 17.533 0 0012.753-3.414 8.924 8.924 0 0111.136 0 17.533 17.533 0 0012.753 3.414 8.906 8.906 0 019.635 5.57 17.482 17.482 0 009.333 9.333 8.9 8.9 0 015.57 9.635 17.533 17.533 0 003.414 12.753z" fill="url(#svg-grad)" transform="translate(-2 -11)"></path><g class="icon"><path d="M117 43V4a4 4 0 00-4-4H73.475c.008.167.025.331.025.5a10 10 0 01-20 0c0-.169.017-.333.025-.5H14a4 4 0 00-4 4v39a10 10 0 000 20v40a4 4 0 004 4h39.525c-.008-.167-.025-.331-.025-.5a10 10 0 0120 0c0 .169-.017.333-.025.5H113a4 4 0 004-4V63a10 10 0 000-20z"></path></g>
<g class="icon Text--b9 u-c-white"><path d="M78.5 41.5l12 12-12 12"></path><path d="M48.5 41.5l-12 12 12 12"></path><path d="M67.5 40.5l-10 26"></path></g>
</svg>
</div>
<h3 class="u-fs28 u-lh1 u-mb2 h5">Ready-to-Use Page Templates and Building Blocks</h3><p>Easy to copy-paste app-building blocks that lay out combinations of UI components and professionally designed, customizable page templates.</p></div>
</div>
<div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1110_Col00" class="sf_colsIn col-4 u-l-col-6 u-s-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1">
<div class="Dropdown" data-tlrk-plugin="dropdown"><a data-sf-ec-immutable="" href="#download-trial-file" aria-label="Start Free Trial Button" class="Dropdown-control u-db Btn Btn--prim2 Btn--l u-fs24 track--kui-trial-cta2-dropdown">Start Free Trial <span class="Dropdown-arrow"></span></a>
<div class="DashMenu u-pa u-fs20 u-tac"><a class="u-db u-wsn track--kui-trial-cta2-jquery" href="/try/kendo-ui">UI for jQuery</a>
<a class="u-db u-wsn track--kui-trial-cta2-angular" href="/try/kendo-angular-ui">UI for Angular</a>
<a class="u-db u-wsn track--kui-trial-cta2-react" href="/try/kendo-react-ui">UI for React</a>
<a class="u-db u-wsn track--kui-trial-cta2-vue" href="/try/kendo-vue-ui">UI for Vue</a>
</div></div></div>
</div>
</div>
</section>
<section class="Section Section--patch u-pt0 u-pb0 u-pr u-s-p0 u-za Sctn-awards" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1353_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<div class="row u-pt3 u-pb3 u-bg-blue u-br10 u-xl-ml0 u-xl-mr0 u-m-pt2 u-m-pb2 u-m-pr3 u-m-pl3 u-ml0 u-mr0 "><div class="col-3 u-l-col-12 u-l-mb3 u-ml5 u-l-ml0 u-m-ml0 u-s-ml0"><h4>Awards</h4><p class="u-fs20 ">Greatness-it’s one thing to say you have it, but it means more when others recognize it. Telerik is proud to hold the following industry awards.</p></div><div class="col-8 u-l-col-12"><div class="row"><div class="u-l-col-2 col-3 u-s-mb3 u-tac u-l-mt0"><a target="_blank" href="https://www.g2.com/reports/enterprise-grid-report-for-component-libraries-spring-2026.embed?featured=progress-telerik&secure%5Bgated_consumer%5D=dc814e3a-501b-4e12-9328-40320e0dd8e7&secure%5Btoken%5D=b9de453067e5702145c4668dceb9ae4cea77b754f3fdcd12bed6f7ab8f01527c&utm_campaign=gate-2233294" class="u-c-white" style="text-decoration:underline;"><img class="u-m-w15 u-w10" title="G2 Leader Enterprise 2026" src="/sfimages/default-source/awards/g2-leader-enterprise-spring-2026.webp?Status=Master&sfvrsn=7bc0451d_1" alt="G2 Leader Enterprise 2026" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Leader Enterprise 2026</p></a>
</div><div class="u-l-col-2 col-3 u-s-mb3 u-tac u-l-mt0"><a target="_blank" href="https://www.g2.com/products/progress-kendo-ui/reviews" class="u-c-white" style="text-decoration:underline;"><img title="G2 Mid-Market Spring 2026" src="/sfimages/default-source/awards/g2-leader-mid-market-2026.webp?Status=Master&sfvrsn=ff32adfb_1" class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Mid-Market Spring 2026</p></a>
</div><div class="u-l-col-2 col-3 u-s-mb3 u-tac u-l-mt0"><a target="_blank" href="https://www.g2.com/products/progress-kendo-ui/reviews" class="u-c-white" style="text-decoration:underline;"><img src="/sfimages/default-source/awards/g2-regional-leader-spring-2026-asia.webp?Status=Master&sfvrsn=dc70133b_1" title="G2 ASIA Regional Leader 2026" alt="G2 ASIA Regional Leader 2026" class="u-m-w15 u-w u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 ASIA Regional Leader 2026</p></a>
</div><div class="u-l-col-2 col-3 u-s-mb3 u-tac u-l-mt0"><a target="_blank" href="https://www.g2.com/products/progress-kendo-ui/reviews" class="u-c-white" style="text-decoration:underline;"><img src="/sfimages/default-source/awards/users-love-us-milestone.webp?Status=Master&sfvrsn=28570ae2_1" title="G2 Users Love Us " alt="G2 Users Love Us" class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Users Love Us </p></a>
</div></div></div></div>
</div>
</section>
<section id="ContentPlaceholder1_C1124_Col00" class="sf_colsIn Section u-pt8 u-pb0 u-ps u-tint-blue1 sctn-Components u-pb1" data-sf-element="Section" data-placeholder-label="Section Empty"><div id="ContentPlaceholder1_C1125_Col00" class="sf_colsIn container" data-sf-element="GridContainer" data-placeholder-label="GridContainer">
<h2 class="u-mb1 js-components" id="components">All Kendo UI JavaScript Component Libraries</h2><p class="u-fs28 u-fw3 u-mb6 col-10">With JavaScript component libraries built specifically for jQuery, Angular, React, and Vue, Kendo UI delivers everything you need to build modern, beautiful, responsive apps.</p></div>
<div id="ContentPlaceholder1_C1127_Col00" class="sf_colsIn u-pl1 u-pr1 u-l-pt2" data-sf-element="GridContainer" data-placeholder-label="GridContainer"><div id="ContentPlaceholder1_C1128_Col00" class="sf_colsIn Section Section--mid u-p0 u-b1 u-mt5" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1133_Col00" class="sf_colsIn container" data-sf-element="GridContainer" data-placeholder-label="GridContainer">
<div class="Links-wrap--top u-nmt3 u-no-pseudo">
<nav class="Navigator-links u-df u-pb4 u-tac" data-tlrk-plugin="tlrkTabs" data-tlrktabs-tabs-width="auto" data-tlrktabs-wrapper-selector=".tlrk-tabs-2" data-tlrktabs-active-tab="1" data-tlrktabs-scroll-to-tabs="false" data-tlrktabs-set-anchors="false"><a data-sf-ec-immutable="" href="#angular" class="track--kui-componentstab-angular is-active u-m-ml1">Kendo UI for Angular</a>
<a data-sf-ec-immutable="" href="#react" class="track--kui-componentstab-react">KendoReact</a>
<a data-sf-ec-immutable="" href="#vue" class="track--kui-componentstab-vue">Kendo UI for Vue</a>
<a data-sf-ec-immutable="" href="#jquery" class="track--kui-componentstab-jquery">Kendo UI for jQuery</a>
</nav>
</div>
<div id="ContentPlaceholder1_C1136_Col00" class="sf_colsIn Navigator-wrap tlrk-tabs-2 u-pt1 u-pb4 u-ha u-l-pt0 u-l-pb0" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1138_Col00" class="sf_colsIn Navigator-content Navigator-content--mobile is-active" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1363_Col00" class="sf_colsIn u-pb4" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1396_Col00" class="sf_colsIn" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<nav class="components-nav u-mb5" data-tlrk-plugin="tlrkTabs" data-tlrktabs-wrapper-selector=".tlrk-tabs" data-tlrktabs-active-tab="1" data-tlrktabs-scroll-to-tabs="false" data-tlrktabs-set-anchors="false" data-tlrktabs-animate-height="true"><a data-sf-ec-immutable="" href="#components" class="u-ff-sans1 u-fs20 u-fw5 u-s-db u-s-m0">Components</a> <a data-sf-ec-immutable="" href="#page-templates" class="u-ff-sans1 u-fs20 u-fw5 u-s-db u-s-m0">Page Templates</a> <a data-sf-ec-immutable="" href="#building-blocks" class="u-ff-sans1 u-fs20 u-fw5 u-s-db u-s-m0">Building Blocks</a></nav><div id="ContentPlaceholder1_C1397_Col00" class="sf_colsIn tlrk-tabs" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1371_Col00" class="sf_colsIn tab-container" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<p class="u-fw3 u-fs24 u-c-blue2 u-mb3">Over 110 native Angular components that most enterprise developers trust for modern UI. </p>
<style>
.LabelB {
font-weight: 400 !important;
}
.PremiumTag {
display: inline-block;
width: 17px;
height: 17px;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='0.5' y='0.464844' width='16' height='16' rx='8' fill='%23653DD2' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90108 7.52734H7.09892L8.5 10.7965L9.90108 7.52734ZM9.90108 6.90234H7.09892L7.76856 5.33984H9.23144L9.90108 6.90234ZM10.5811 7.52734L9.43864 10.193L11.7711 7.52734H10.5811ZM10.5811 6.90234L9.91142 5.33984H10.6875L11.8594 6.90234H10.5811ZM6.41894 6.90234L7.08858 5.33984H6.3125L5.14062 6.90234H6.41894ZM7.56136 10.193L6.41894 7.52734H5.22892L7.56136 10.193ZM12.875 7.21484L8.5 12.2148L4.125 7.21484L6 4.71484H11L12.875 7.21484Z' fill='url(%23paint0_linear_1766_532)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1766_532' x1='5.31818' y1='12.2148' x2='11.3018' y2='4.14465' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.25' stop-color='%23653DD2'/%3E%3Cstop offset='1' stop-color='%23B41FFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.AITag {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 2px;
vertical-align: middle;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" viewBox="0 0 17 17"><path fill="%234f6edd" d="m9.499 16.253-1.45-5.349L3.02 9.57c-.181-.047-.181-.303 0-.35l5.03-1.334L9.5 2.537c.05-.179.306-.179.355 0l1.45 5.349 5.03 1.334c.181.047.181.303 0 .35l-5.03 1.334-1.45 5.349c-.05.178-.306.178-.355 0M3.332 6.024l-.56-2.068-1.92-.508c-.181-.047-.181-.304 0-.35l1.92-.509.56-2.068c.05-.179.306-.179.355 0l.56 2.068 1.92.508c.181.047.181.304 0 .35l-1.92.51-.56 2.067c-.05.18-.306.18-.355 0"/></svg>');
}
</style>
<div class="row u-hyphenate">
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Charts</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/area-chart" class="u-ff-sans u-fs20">
<span>Area Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/bar-chart" class="u-ff-sans u-fs20">
<span>Bar Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/box-plot" class="u-ff-sans u-fs20">
<span>Box Plot</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/bubble-chart" class="u-ff-sans u-fs20">
<span>Bubble Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/bullet-chart" class="u-ff-sans u-fs20">
<span>Bullet Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/chart-wizard" class="u-ff-sans u-fs20">
<span>Chart Wizard</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/charts" class="u-ff-sans u-fs20">
<span>Charts</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/donut-chart" class="u-ff-sans u-fs20">
<span>Donut Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/funnel-chart" class="u-ff-sans u-fs20">
<span>Funnel Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/heatmap" class="u-ff-sans u-fs20">
<span>Heatmap</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/line-chart" class="u-ff-sans u-fs20">
<span>Line Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/pie-chart" class="u-ff-sans u-fs20">
<span>Pie Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/polar-chart" class="u-ff-sans u-fs20">
<span>Polar Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/pyramid-chart" class="u-ff-sans u-fs20">
<span>Pyramid Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/radar-chart" class="u-ff-sans u-fs20">
<span>Radar Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/range-area-chart" class="u-ff-sans u-fs20">
<span>Range Area Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/sankey-diagram" class="u-ff-sans u-fs20">
<span>Sankey Diagram</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/scatter-chart" class="u-ff-sans u-fs20">
<span>Scatter Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/sparkline" class="u-ff-sans u-fs20">
<span>Sparkline</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/waterfall-chart" class="u-ff-sans u-fs20">
<span>Waterfall Chart</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Editor</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/editor" class="u-ff-sans u-fs20">
<span>Rich Text Editor</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">TreeList</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/treelist" class="u-ff-sans u-fs20">
<span>TreeList</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Scheduler</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/gantt-chart" class="u-ff-sans u-fs20">
<span>Gantt Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/scheduler" class="u-ff-sans u-fs20">
<span>Scheduler</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Progress Bars</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/chunkprogressbar" class="u-ff-sans u-fs20">
<span>ChunkProgressBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/circularprogressbar" class="u-ff-sans u-fs20">
<span>CircularProgressBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/progressbar" class="u-ff-sans u-fs20">
<span>Progress Bar</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Buttons</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/button" class="u-ff-sans u-fs20">
<span>Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/buttongroup" class="u-ff-sans u-fs20">
<span>ButtonGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/chip" class="u-ff-sans u-fs20">
<span>Chip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/chiplist" class="u-ff-sans u-fs20">
<span>ChipList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/dropdownbutton" class="u-ff-sans u-fs20">
<span>DropdownButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/floatingactionbutton" class="u-ff-sans u-fs20">
<span>Floating Action Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/speech-to-text-button" class="u-ff-sans u-fs20">
<span>Speech To Text Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/splitbutton" class="u-ff-sans u-fs20">
<span>SplitButton</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Common Features</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/data-query" class="u-ff-sans u-fs20">
<span>Data Query</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/date-math" class="u-ff-sans u-fs20">
<span>Date Math</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/drag-and-drop" class="u-ff-sans u-fs20">
<span>Drag-and-Drop</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/drawing" class="u-ff-sans u-fs20">
<span>Drawing</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/excel-export" class="u-ff-sans u-fs20">
<span>Excel Export</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/pdf-export" class="u-ff-sans u-fs20">
<span>PDF Export</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/pdfviewer" class="u-ff-sans u-fs20">
<span>PDF Viewer</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Conversational UI</h3>
<ul class="List List--links-4 u-mb4">
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Indicators</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/badge" class="u-ff-sans u-fs20">
<span>Badge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/loader" class="u-ff-sans u-fs20">
<span>Loader</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/skeleton" class="u-ff-sans u-fs20">
<span>Skeleton</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Navigation</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/actionsheet" class="u-ff-sans u-fs20">
<span>ActionSheet</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/appbar" class="u-ff-sans u-fs20">
<span>AppBar (NavBar)</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/bottomnavigation" class="u-ff-sans u-fs20">
<span>BottomNavigation</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/breadcrumb" class="u-ff-sans u-fs20">
<span>BreadCrumb</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/drawer" class="u-ff-sans u-fs20">
<span>Drawer</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Date Inputs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/calendar" class="u-ff-sans u-fs20">
<span>Calendar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/dateinput" class="u-ff-sans u-fs20">
<span>DateInput</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/datepicker" class="u-ff-sans u-fs20">
<span>DatePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/daterange" class="u-ff-sans u-fs20">
<span>DateRange</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/datetimepicker" class="u-ff-sans u-fs20">
<span>DateTimePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/multiviewcalendar" class="u-ff-sans u-fs20">
<span>MultiViewCalendar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/timepicker" class="u-ff-sans u-fs20">
<span>TimePicker</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Dialogs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/dialog" class="u-ff-sans u-fs20">
<span>Dialog</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/window" class="u-ff-sans u-fs20">
<span>Window</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Labels</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/floating-label" class="u-ff-sans u-fs20">
<span>FloatingLabel</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/label" class="u-ff-sans u-fs20">
<span>Label</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Icons</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/icon" class="u-ff-sans u-fs20">
<span>Icon</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/svgicon" class="u-ff-sans u-fs20">
<span>SVGIcon</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Design</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/typography" class="u-ff-sans u-fs20">
<span>Typography</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Diagrams and Maps</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/diagram" class="u-ff-sans u-fs20">
<span>Diagram</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/map-(beta)" class="u-ff-sans u-fs20">
<span>Map</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Dropdowns</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/autocomplete" class="u-ff-sans u-fs20">
<span>AutoComplete</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/combobox" class="u-ff-sans u-fs20">
<span>ComboBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/dropdownlist" class="u-ff-sans u-fs20">
<span>DropDownList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/dropdowntree" class="u-ff-sans u-fs20">
<span>DropDownTree</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/multicolumncombobox" class="u-ff-sans u-fs20">
<span>MultiColumnComboBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/multiselect" class="u-ff-sans u-fs20">
<span>MultiSelect</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/multiselecttree" class="u-ff-sans u-fs20">
<span>MultiSelectTree</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Gauges</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/arcgauge" class="u-ff-sans u-fs20">
<span>ArcGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/circulargauge" class="u-ff-sans u-fs20">
<span>CircularGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/lineargauge" class="u-ff-sans u-fs20">
<span>LinearGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/radialgauge" class="u-ff-sans u-fs20">
<span>RadialGauge</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Grids</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/grid" class="u-ff-sans u-fs20">
<span>Grid</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
<span class="AITag" aria-label="AI"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/angular-data-grid-ai-toolbar-assistant" class="u-ff-sans u-fs20">
<span>Grid AI Toolbar Assistant</span>
<span class="AITag" aria-label="AI"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/pivotgrid" class="u-ff-sans u-fs20">
<span>PivotGrid</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/spreadsheet" class="u-ff-sans u-fs20">
<span>Spreadsheet</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Upload</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/file-saver" class="u-ff-sans u-fs20">
<span>File Saver</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/fileselect" class="u-ff-sans u-fs20">
<span>File Select</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/upload" class="u-ff-sans u-fs20">
<span>Upload</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Inputs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/checkbox" class="u-ff-sans u-fs20">
<span>Checkbox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/colorgradient" class="u-ff-sans u-fs20">
<span>ColorGradient</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/colorpalette" class="u-ff-sans u-fs20">
<span>ColorPalette</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/colorpicker" class="u-ff-sans u-fs20">
<span>ColorPicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/flatcolorpicker" class="u-ff-sans u-fs20">
<span>FlatColorPicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/form" class="u-ff-sans u-fs20">
<span>Form</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/formfield" class="u-ff-sans u-fs20">
<span>FormField</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/maskedtextbox" class="u-ff-sans u-fs20">
<span>MaskedTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/numerictextbox" class="u-ff-sans u-fs20">
<span>NumericTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/radiobutton" class="u-ff-sans u-fs20">
<span>RadioButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/rangeslider" class="u-ff-sans u-fs20">
<span>RangeSlider</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/rating" class="u-ff-sans u-fs20">
<span>Rating</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/signature" class="u-ff-sans u-fs20">
<span>Signature</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/slider" class="u-ff-sans u-fs20">
<span>Slider</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/switch" class="u-ff-sans u-fs20">
<span>Switch</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/textarea" class="u-ff-sans u-fs20">
<span>TextArea</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/textbox" class="u-ff-sans u-fs20">
<span>TextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/treeview" class="u-ff-sans u-fs20">
<span>TreeView</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Bar & QR Codes</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/barcode" class="u-ff-sans u-fs20">
<span>Barcode Generator</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/qr-code" class="u-ff-sans u-fs20">
<span>QR Code</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Tools</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/filter" class="u-ff-sans u-fs20">
<span>Filter</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/pager" class="u-ff-sans u-fs20">
<span>Pager</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Layout</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-angular-ui/avatar" class="u-ff-sans u-fs20">
<span>Avatar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/card" class="u-ff-sans u-fs20">
<span>Card</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/contextmenu" class="u-ff-sans u-fs20">
<span>ContextMenu</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/expansionpanel" class="u-ff-sans u-fs20">
<span>ExpansionPanel</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/gridlayout" class="u-ff-sans u-fs20">
<span>GridLayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/hint" class="u-ff-sans u-fs20">
<span>Hint</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/listbox" class="u-ff-sans u-fs20">
<span>ListBox</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/listview" class="u-ff-sans u-fs20">
<span>ListView</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/menu" class="u-ff-sans u-fs20">
<span>Menu</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/notification" class="u-ff-sans u-fs20">
<span>Notification</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/panelbar" class="u-ff-sans u-fs20">
<span>PanelBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/popover" class="u-ff-sans u-fs20">
<span>Popover</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/popup" class="u-ff-sans u-fs20">
<span>Popup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/ripple" class="u-ff-sans u-fs20">
<span>Ripple</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/scrollview" class="u-ff-sans u-fs20">
<span>ScrollView</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/sortable" class="u-ff-sans u-fs20">
<span>Sortable</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/splitter" class="u-ff-sans u-fs20">
<span>Splitter</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/stacklayout" class="u-ff-sans u-fs20">
<span>Stacklayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/stepper" class="u-ff-sans u-fs20">
<span>Stepper</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/tabstrip" class="u-ff-sans u-fs20">
<span>TabStrip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/tilelayout" class="u-ff-sans u-fs20">
<span>TileLayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/timeline" class="u-ff-sans u-fs20">
<span>Timeline</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/toolbar" class="u-ff-sans u-fs20">
<span>Toolbar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-angular-ui/tooltip" class="u-ff-sans u-fs20">
<span>Tooltip</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
</ul>
</div>
</div></div>
<div id="ContentPlaceholder1_C1372_Col00" class="sf_colsIn tab-container" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1373_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Dashboard</h3>
<div class="row row--equal" id="templates-dashboards"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img loading="lazy" src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/templates-ai-usage-monitoring-card-image.png?sfvrsn=e653996c_3" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/ai-usage-monitoring" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">AI Usage Monitoring </a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/healthcare-analytics.png?sfvrsn=4cf18b11_1" loading="lazy" alt="healthcare analytics dashboard" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/healthcare-admin" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Healthcare Admin</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/social-media-management.png?sfvrsn=cfef7939_1" loading="lazy" alt="social media management" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/social-management" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Social Media Management</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/fintech-analytics.png?sfvrsn=92d50a0a_1" loading="lazy" alt="fintech analytics" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/fintech-dashboard" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Fintech Dashboard</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/machine-manufacturing.png?sfvrsn=f7a814d1_1" loading="lazy" alt="machine manufacturing" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/machine-manufacturing" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Machine Manufacturing</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/project-tracker.webp?sfvrsn=3ee2988c_2" loading="lazy" /></div><div class="LabelB u-b0 u-b1 u-bc-grey u-pa u-r0"><span class="u-fs12 u-fw5 ">Free</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/project-tracker/" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Project Tracker</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1376_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Landing Pages</h3>
<div class="row row--equal" id="templates-landing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/travel.png?sfvrsn=8c72d4db_1" loading="lazy" alt="travel" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/travel" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Travel</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/automotive-industry.png?sfvrsn=e91b3f6b_1" loading="lazy" alt="automotive" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/automotive-industry" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Automotive Industry</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/saas-product.png?sfvrsn=5dadf515_1" loading="lazy" alt="saas" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/saas-product" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Saas Product</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/international-bank.png?sfvrsn=3ea802c2_1" loading="lazy" alt="international bank" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/international-bank" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">International Bank</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1379_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">E-commerce/Product Listing Page</h3>
<div class="row row--equal" id="templates-listing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/fashion.png?sfvrsn=15b8c250_2" loading="lazy" alt="fashion" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/fashion-catalog" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Fashion Catalogue</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/real-estate.png?sfvrsn=71445995_1" loading="lazy" alt="real estate" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/real-estate" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Real Estate</a>
</div></div></div></div></div>
<div class="row u-pb4" data-sf-element="Row">
<div id="ContentPlaceholder1_C1382_Col00" class="sf_colsIn col-3" data-sf-element="Column 1" data-placeholder-label="Column 1">
<a href="/page-templates-and-ui-blocks" class="Btn Btn--prim u-db u-fs20">Learn How it Works</a></div>
</div>
</div>
<div id="ContentPlaceholder1_C1384_Col00" class="sf_colsIn tab-container" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1385_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Landing Pages</h3>
<div class="row row--equal" id="blocks-landing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/hero.png?sfvrsn=c7648b2b_1" loading="lazy" alt="hero" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/hero" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Hero</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/features.png?sfvrsn=27b3e254_1" loading="lazy" alt="features" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/features" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Features</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/incentives.png?sfvrsn=bca82fd9_1" loading="lazy" alt="incentives" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/incentives" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Incentives</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/newsletter.png?sfvrsn=10e59d1f_1" loading="lazy" alt="newsletter" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/newsletter" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Newsletter</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/stats.png?sfvrsn=cff5320f_1" loading="lazy" alt="stats" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/stats" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Stats</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/contact-form.png?sfvrsn=332b5cea_1" loading="lazy" alt="contact form" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/testimonials" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Testimonials</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/contact-form.png?sfvrsn=332b5cea_1" loading="lazy" alt="contact form" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/contact-form" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Contact Form</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/partners-logoclouds.png?sfvrsn=3c910c59_1" loading="lazy" alt="partners or logoclouds" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/partners" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Partners/Logoclouds</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/location.png?sfvrsn=d49f7a1e_1" loading="lazy" alt="location" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/locations" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Location</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/footer.png?sfvrsn=32945fb_1" loading="lazy" alt="footer" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/footer" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Footer</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/cards.png?sfvrsn=40a2221c_1" loading="lazy" alt="offices" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/cards" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Cards</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/pricing-cards.png?sfvrsn=a88767f9_1" loading="lazy" alt="pricing cards" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/pricing-section" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Pricing Cards</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1388_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Listing Pages</h3>
<div class="row row--equal" id="blocks-listing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/filter.png?sfvrsn=110390bc_1" loading="lazy" alt="filter" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/filter" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Filter</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/flyout-navigation.png?sfvrsn=8ab8f75f_1" loading="lazy" alt="flyout navigation" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/flyout-navigation" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Flyout Navigation</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/product-card.png?sfvrsn=9fadd19e_1" loading="lazy" alt="product card" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/product-card" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Product Cards</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/sorting.png?sfvrsn=bd069797_1" loading="lazy" alt="sorting" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/sorting" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Sorting</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1391_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Dashboards</h3>
<div class="row row--equal" id="blocks-dashboards"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/top-navbar.png?sfvrsn=402b8daf_1" loading="lazy" alt="top navbar" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/dashboard/top-navbar" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Top Navbar</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/compact-card.png?sfvrsn=2bbee8ea_1" loading="lazy" alt="compact card" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/dashboard/compact-card" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Compact Card</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/dashboard-card.png?sfvrsn=39c21766_2" loading="lazy" alt="dashboard card" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">10 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/dashboard/dashboard-card/" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Dashboard Card</a>
</div></div></div></div></div>
<div class="row u-pb4" data-sf-element="Row">
<div id="ContentPlaceholder1_C1394_Col00" class="sf_colsIn col-3" data-sf-element="Column 1" data-placeholder-label="Column 1">
<a href="/page-templates-and-ui-blocks" class="Btn Btn--prim u-db u-fs20">Learn How it Works</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ContentPlaceholder1_C1139_Col00" class="sf_colsIn Navigator-content Navigator-content--mobile" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1398_Col00" class="sf_colsIn u-pb4" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<nav class="components-nav u-mb5" data-tlrk-plugin="tlrkTabs" data-tlrktabs-wrapper-selector=".tlrk-tabs-react" data-tlrktabs-active-tab="1" data-tlrktabs-scroll-to-tabs="false" data-tlrktabs-set-anchors="false" data-tlrktabs-animate-height="true"><a data-sf-ec-immutable="" href="#components" class="u-ff-sans1 u-fs20 u-fw5 u-s-db u-s-m0">Components</a> <a data-sf-ec-immutable="" href="#page-templates" class="u-ff-sans1 u-fs20 u-fw5 u-s-db u-s-m0">Page Templates</a> <a data-sf-ec-immutable="" href="#building-blocks" class="u-ff-sans1 u-fs20 u-fw5 u-s-db u-s-m0">Building Blocks</a></nav><div id="ContentPlaceholder1_C1400_Col00" class="sf_colsIn tlrk-tabs-react" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1401_Col00" class="sf_colsIn tab-container" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper" style="
/* background: red; */
">
<p class="u-fw3 u-fs24 u-c-blue2 u-mb3">120+ free and premium <svg class="u-dib u-vam" style="width:1.1em;height:1.1em;vertical-align:-0.2em;" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="8" fill="#653DD2" fill-opacity="0.1"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M9.40108 7.0625H6.59892L8 10.3317L9.40108 7.0625ZM9.40108 6.4375H6.59892L7.26856 4.875H8.73144L9.40108 6.4375ZM10.0811 7.0625L8.93864 9.72815L11.2711 7.0625H10.0811ZM10.0811 6.4375L9.41142 4.875H10.1875L11.3594 6.4375H10.0811ZM5.91894 6.4375L6.58858 4.875H5.8125L4.64062 6.4375H5.91894ZM7.06136 9.72815L5.91894 7.0625H4.72892L7.06136 9.72815ZM12.375 6.75L8 11.75L3.625 6.75L5.5 4.25H10.5L12.375 6.75Z" fill="#6F58FF"></path></svg> components to build polished, high-performing and accessible React applications with.</p>
<style>
.LabelB {
font-weight: 400 !important;
}
.PremiumTag {
display: inline-block;
width: 17px;
height: 17px;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='0.5' y='0.464844' width='16' height='16' rx='8' fill='%23653DD2' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90108 7.52734H7.09892L8.5 10.7965L9.90108 7.52734ZM9.90108 6.90234H7.09892L7.76856 5.33984H9.23144L9.90108 6.90234ZM10.5811 7.52734L9.43864 10.193L11.7711 7.52734H10.5811ZM10.5811 6.90234L9.91142 5.33984H10.6875L11.8594 6.90234H10.5811ZM6.41894 6.90234L7.08858 5.33984H6.3125L5.14062 6.90234H6.41894ZM7.56136 10.193L6.41894 7.52734H5.22892L7.56136 10.193ZM12.875 7.21484L8.5 12.2148L4.125 7.21484L6 4.71484H11L12.875 7.21484Z' fill='url(%23paint0_linear_1766_532)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1766_532' x1='5.31818' y1='12.2148' x2='11.3018' y2='4.14465' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.25' stop-color='%23653DD2'/%3E%3Cstop offset='1' stop-color='%23B41FFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.AITag {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 2px;
vertical-align: middle;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" viewBox="0 0 17 17"><path fill="%234f6edd" d="m9.499 16.253-1.45-5.349L3.02 9.57c-.181-.047-.181-.303 0-.35l5.03-1.334L9.5 2.537c.05-.179.306-.179.355 0l1.45 5.349 5.03 1.334c.181.047.181.303 0 .35l-5.03 1.334-1.45 5.349c-.05.178-.306.178-.355 0M3.332 6.024l-.56-2.068-1.92-.508c-.181-.047-.181-.304 0-.35l1.92-.509.56-2.068c.05-.179.306-.179.355 0l.56 2.068 1.92.508c.181.047.181.304 0 .35l-1.92.51-.56 2.067c-.05.18-.306.18-.355 0"/></svg>');
}
</style>
<div class="row u-hyphenate">
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Animation</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/animation" class="u-ff-sans u-fs20">
<span>Animation</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Barcodes</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/barcode" class="u-ff-sans u-fs20">
<span>Barcode</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/qrcode" class="u-ff-sans u-fs20">
<span>QR Code</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Buttons</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/button" class="u-ff-sans u-fs20">
<span>Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/buttongroup" class="u-ff-sans u-fs20">
<span>ButtonGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/chip" class="u-ff-sans u-fs20">
<span>Chip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/chiplist" class="u-ff-sans u-fs20">
<span>ChipList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/dropdownbutton" class="u-ff-sans u-fs20">
<span>DropDownButton</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/floatingactionbutton" class="u-ff-sans u-fs20">
<span>Floating Action Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/segmentedcontrol" class="u-ff-sans u-fs20">
<span>SegmentedControl</span>
<span class="PremiumTag" aria-label="Premium"></span>
<span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/smartpastebutton" class="u-ff-sans u-fs20">
<span>SmartPasteButton</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/speech-to-text-button" class="u-ff-sans u-fs20">
<span>Speech-to-Text Button</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/splitbutton" class="u-ff-sans u-fs20">
<span>SplitButton</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/toolbar" class="u-ff-sans u-fs20">
<span>Toolbar</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Charts</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/area-chart" class="u-ff-sans u-fs20">
<span>Area Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/bar-chart" class="u-ff-sans u-fs20">
<span>Bar Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/box-plot" class="u-ff-sans u-fs20">
<span>Box Plot</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/bubble-chart" class="u-ff-sans u-fs20">
<span>Bubble Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/bullet-chart" class="u-ff-sans u-fs20">
<span>Bullet Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/chart-wizard-" class="u-ff-sans u-fs20">
<span>Chart Wizard</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/charts" class="u-ff-sans u-fs20">
<span>Charts</span>
<span class="PremiumTag" aria-label="Premium"></span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/donut-chart" class="u-ff-sans u-fs20">
<span>Donut Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/components/charts/drill-down" class="u-ff-sans u-fs20">
<span>Drilldown</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/funnel-chart" class="u-ff-sans u-fs20">
<span>Funnel Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/heatmap" class="u-ff-sans u-fs20">
<span>Heatmap Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/line-chart" class="u-ff-sans u-fs20">
<span>Line Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/orgchart" class="u-ff-sans u-fs20">
<span>OrgChart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/pie-chart" class="u-ff-sans u-fs20">
<span>Pie Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/polar-chart" class="u-ff-sans u-fs20">
<span>Polar Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/pyramid-chart" class="u-ff-sans u-fs20">
<span>Pyramid Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/radar-chart" class="u-ff-sans u-fs20">
<span>Radar Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/range-area-chart" class="u-ff-sans u-fs20">
<span>Range Area Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/components/charts/series-types/range-bar" class="u-ff-sans u-fs20">
<span>RangeBar</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/sankey-chart" class="u-ff-sans u-fs20">
<span>Sankey Diagram</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/scatter-chart" class="u-ff-sans u-fs20">
<span>Scatter Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/sparkline" class="u-ff-sans u-fs20">
<span>Sparkline</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/components/charts/stockchart" class="u-ff-sans u-fs20">
<span>Stockchart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/components/charts/series-types/waterfall" class="u-ff-sans u-fs20">
<span>Waterfall</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Conversational UI</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/aiprompt" class="u-ff-sans u-fs20">
<span>AI Prompt</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/conversationalui" class="u-ff-sans u-fs20">
<span>Chat</span>
<span class="PremiumTag" aria-label="Premium"></span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/bring-ai-assistance-directly-into-your-app" class="u-ff-sans u-fs20">
<span>Inline AI Prompt</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Query</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/dataquery" class="u-ff-sans u-fs20">
<span>Data Query</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Grid</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/grid" class="u-ff-sans u-fs20">
<span>Data Grid</span>
<span class="PremiumTag" aria-label="Premium"></span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
<span class="AITag" aria-label="AI"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Tools</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/filter" class="u-ff-sans u-fs20">
<span>Filter</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/pager" class="u-ff-sans u-fs20">
<span>Pager</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Spreadsheet</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/spreadsheet" class="u-ff-sans u-fs20">
<span>SpreadSheet</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Date Inputs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/calendar" class="u-ff-sans u-fs20">
<span>Calendar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/dateinput" class="u-ff-sans u-fs20">
<span>DateInput</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/datepicker" class="u-ff-sans u-fs20">
<span>DatePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/daterangepicker" class="u-ff-sans u-fs20">
<span>DateRangePicker</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/datetimepicker" class="u-ff-sans u-fs20">
<span>DateTimePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/multiviewcalendar" class="u-ff-sans u-fs20">
<span>MultiViewCalendar</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/timepicker" class="u-ff-sans u-fs20">
<span>TimePicker</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Date Math</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/datemath" class="u-ff-sans u-fs20">
<span>Date Math</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Dialogs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/dialog" class="u-ff-sans u-fs20">
<span>Dialog</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/window" class="u-ff-sans u-fs20">
<span>Window</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Drawing</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/drawing" class="u-ff-sans u-fs20">
<span>Drawing Library</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Dropdowns</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/autocomplete" class="u-ff-sans u-fs20">
<span>AutoComplete</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/combobox" class="u-ff-sans u-fs20">
<span>ComboBox</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/dropdownlist" class="u-ff-sans u-fs20">
<span>DropDownList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/dropdowntree" class="u-ff-sans u-fs20">
<span>DropDownTree</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/multicolumncombobox" class="u-ff-sans u-fs20">
<span>MultiColumn ComboBox</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/multiselect" class="u-ff-sans u-fs20">
<span>MultiSelect</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/multiselecttree" class="u-ff-sans u-fs20">
<span>MultiSelectTree</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Excel Export</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/excelexport" class="u-ff-sans u-fs20">
<span>Excel Export</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">File Saver</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/filesaver" class="u-ff-sans u-fs20">
<span>File Saver</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Form</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/fieldarray" class="u-ff-sans u-fs20">
<span>FieldArray</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/fieldwrapper" class="u-ff-sans u-fs20">
<span>FieldWrapper</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/form" class="u-ff-sans u-fs20">
<span>Form</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/formelement" class="u-ff-sans u-fs20">
<span>FormElement</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Gantt Chart</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/gantt-chart" class="u-ff-sans u-fs20">
<span>Gantt Chart</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Gauges</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/arcgauge" class="u-ff-sans u-fs20">
<span>ArcGauge</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/circulargauge" class="u-ff-sans u-fs20">
<span>Circular Gauge</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/lineargauge" class="u-ff-sans u-fs20">
<span>LinearGauge</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/radialgauge" class="u-ff-sans u-fs20">
<span>RadialGauge</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Indicators</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/badge" class="u-ff-sans u-fs20">
<span>Badge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/loader" class="u-ff-sans u-fs20">
<span>Loader</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/skeleton" class="u-ff-sans u-fs20">
<span>Skeleton</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Editor</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/editor" class="u-ff-sans u-fs20">
<span>Editor</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Inputs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/checkbox" class="u-ff-sans u-fs20">
<span>Checkbox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/colorgradient" class="u-ff-sans u-fs20">
<span>ColorGradient</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/colorpalette" class="u-ff-sans u-fs20">
<span>ColorPalette</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/colorpicker" class="u-ff-sans u-fs20">
<span>ColorPicker</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/flatcolorpicker" class="u-ff-sans u-fs20">
<span>FlatColorPicker</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/input" class="u-ff-sans u-fs20">
<span>Input</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/maskedtextbox" class="u-ff-sans u-fs20">
<span>MaskedTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/numerictextbox" class="u-ff-sans u-fs20">
<span>NumericTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/radiobutton" class="u-ff-sans u-fs20">
<span>RadioButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/radiogroup" class="u-ff-sans u-fs20">
<span>RadioButtonGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/rangeslider" class="u-ff-sans u-fs20">
<span>RangeSlider</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/rating" class="u-ff-sans u-fs20">
<span>Rating</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/signature" class="u-ff-sans u-fs20">
<span>Signature</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/slider" class="u-ff-sans u-fs20">
<span>Slider</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/switch" class="u-ff-sans u-fs20">
<span>Switch</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/textarea" class="u-ff-sans u-fs20">
<span>TextArea</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/components/inputs/textbox" class="u-ff-sans u-fs20">
<span>TextBox</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Layout</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/actionsheet" class="u-ff-sans u-fs20">
<span>ActionSheet</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/appbar" class="u-ff-sans u-fs20">
<span>AppBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/avatar" class="u-ff-sans u-fs20">
<span>Avatar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/bottomnavigation" class="u-ff-sans u-fs20">
<span>BottomNavigation</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/breadcrumb" class="u-ff-sans u-fs20">
<span>Breadcrumb</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/card" class="u-ff-sans u-fs20">
<span>Card</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/contextmenu" class="u-ff-sans u-fs20">
<span>ContextMenu</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/drawer" class="u-ff-sans u-fs20">
<span>Drawer</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/expansionpanel" class="u-ff-sans u-fs20">
<span>ExpansionPanel</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/gridlayout" class="u-ff-sans u-fs20">
<span>Grid Layout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/menu" class="u-ff-sans u-fs20">
<span>Menu</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/panelbar" class="u-ff-sans u-fs20">
<span>PanelBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/splitter" class="u-ff-sans u-fs20">
<span>Splitter</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/stacklayout" class="u-ff-sans u-fs20">
<span>Stack Layout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/stepper" class="u-ff-sans u-fs20">
<span>Stepper</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/tabstrip" class="u-ff-sans u-fs20">
<span>TabStrip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/tilelayout" class="u-ff-sans u-fs20">
<span>TileLayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/timeline" class="u-ff-sans u-fs20">
<span>Timeline</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">ListBox</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/listbox" class="u-ff-sans u-fs20">
<span>ListBox</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">ListView</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/listview" class="u-ff-sans u-fs20">
<span>ListView</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Map</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/map" class="u-ff-sans u-fs20">
<span>Map</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Labels</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/error" class="u-ff-sans u-fs20">
<span>Error</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/floating-labels" class="u-ff-sans u-fs20">
<span>Floating Label</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/hint" class="u-ff-sans u-fs20">
<span>Hint</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/labels" class="u-ff-sans u-fs20">
<span>Label</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Notifications</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/notification" class="u-ff-sans u-fs20">
<span>Notification</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">PDF Processing</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/pdfprocessing" class="u-ff-sans u-fs20">
<span>PDF Generator</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/pdfviewer" class="u-ff-sans u-fs20">
<span>PDF Viewer</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">PivotGrid</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/pivotgrid" class="u-ff-sans u-fs20">
<span>PivotGrid</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Common Utilities</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/drag-and-drop" class="u-ff-sans u-fs20">
<span>Drag & Drop Utilities</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/icon-svgicon" class="u-ff-sans u-fs20">
<span>Icon & SvgIcon</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/components/common/navigation" class="u-ff-sans u-fs20">
<span>Keyboard Navigation</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/typography" class="u-ff-sans u-fs20">
<span>Typography</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Popup</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/popup" class="u-ff-sans u-fs20">
<span>Popup</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Progress Bars</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/chunkprogressbar" class="u-ff-sans u-fs20">
<span>ChunkProgressBar</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/progressbar" class="u-ff-sans u-fs20">
<span>ProgressBar</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Ripple</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/ripple" class="u-ff-sans u-fs20">
<span>Ripple</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Scheduler</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/scheduler" class="u-ff-sans u-fs20">
<span>Scheduler</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">ScrollView</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/scrollview" class="u-ff-sans u-fs20">
<span>ScrollView (Carousel)</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Sortable</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/sortable" class="u-ff-sans u-fs20">
<span>Sortable</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Taskboard</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/taskboard" class="u-ff-sans u-fs20">
<span>TaskBoard</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Tooltips</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/popover" class="u-ff-sans u-fs20">
<span>Popover</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/tooltip" class="u-ff-sans u-fs20">
<span>Tooltip</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">TreeList</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/treelist" class="u-ff-sans u-fs20">
<span>TreeList</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">TreeView</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/treeview" class="u-ff-sans u-fs20">
<span>TreeView</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Upload</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-react-ui/external-drop-zone" class="u-ff-sans u-fs20">
<span>External Drop Zone</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-react-ui/upload" class="u-ff-sans u-fs20">
<span>Upload</span>
<span class="PremiumTag" aria-label="Premium"></span>
</a>
</li>
</ul>
</div>
</div></div>
<div id="ContentPlaceholder1_C1402_Col00" class="sf_colsIn tab-container" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1404_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Dashboard</h3>
<div class="row row--equal" id="templates-dashboards"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img loading="lazy" src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/templates-ai-usage-monitoring-card-image.png?sfvrsn=e653996c_3" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/ai-usage-monitoring" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">AI Usage Monitoring </a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/healthcare-analytics.png?sfvrsn=4cf18b11_1" loading="lazy" alt="healthcare analytics dashboard" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/healthcare-admin" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Healthcare Admin</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/social-media-management.png?sfvrsn=cfef7939_1" loading="lazy" alt="social media management" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/social-management" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Social Media Management</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/fintech-analytics.png?sfvrsn=92d50a0a_1" loading="lazy" alt="fintech analytics" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/fintech-dashboard" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Fintech Dashboard</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/machine-manufacturing.png?sfvrsn=f7a814d1_1" loading="lazy" alt="machine manufacturing" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/machine-manufacturing" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Machine Manufacturing</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/project-tracker.webp?sfvrsn=3ee2988c_2" loading="lazy" /></div><div class="LabelB u-b0 u-b1 u-bc-grey u-pa u-r0"><span class="u-fs12 u-fw5 ">Free</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/project-tracker/" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Project Tracker</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1407_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Landing Pages</h3>
<div class="row row--equal" id="templates-landing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/travel.png?sfvrsn=8c72d4db_1" loading="lazy" alt="travel" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/travel" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Travel</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/automotive-industry.png?sfvrsn=e91b3f6b_1" loading="lazy" alt="automotive" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/automotive-industry" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Automotive Industry</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/saas-product.png?sfvrsn=5dadf515_1" loading="lazy" alt="saas" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/saas-product" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Saas Product</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/international-bank.png?sfvrsn=3ea802c2_1" loading="lazy" alt="international bank" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/international-bank" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">International Bank</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1410_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">E-commerce/Product Listing Page</h3>
<div class="row row--equal" id="templates-listing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/fashion.png?sfvrsn=15b8c250_2" loading="lazy" alt="fashion" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/fashion-catalog" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Fashion Catalogue</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/real-estate.png?sfvrsn=71445995_1" loading="lazy" alt="real estate" /></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/templates/real-estate" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Real Estate</a>
</div></div></div></div></div>
<div class="row u-pb4" data-sf-element="Row">
<div id="ContentPlaceholder1_C1413_Col00" class="sf_colsIn col-3" data-sf-element="Column 1" data-placeholder-label="Column 1">
<a href="/page-templates-and-ui-blocks" class="Btn Btn--prim u-db u-fs20">Learn How it Works</a></div>
</div>
</div>
<div id="ContentPlaceholder1_C1403_Col00" class="sf_colsIn tab-container" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C1415_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Landing Pages</h3>
<div class="row row--equal" id="blocks-landing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/hero.png?sfvrsn=c7648b2b_1" loading="lazy" alt="hero" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/hero" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Hero</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/features.png?sfvrsn=27b3e254_1" loading="lazy" alt="features" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/features" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Features</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/incentives.png?sfvrsn=bca82fd9_1" loading="lazy" alt="incentives" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/incentives" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Incentives</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/newsletter.png?sfvrsn=10e59d1f_1" loading="lazy" alt="newsletter" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/newsletter" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Newsletter</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/stats.png?sfvrsn=cff5320f_1" loading="lazy" alt="stats" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/stats" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Stats</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/contact-form.png?sfvrsn=332b5cea_1" loading="lazy" alt="contact form" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/testimonials" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Testimonials</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/contact-form.png?sfvrsn=332b5cea_1" loading="lazy" alt="contact form" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/contact-form" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Contact Form</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/partners-logoclouds.png?sfvrsn=3c910c59_1" loading="lazy" alt="partners or logoclouds" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/partners" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Partners/Logoclouds</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/location.png?sfvrsn=d49f7a1e_1" loading="lazy" alt="location" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/locations" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Location</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/footer.png?sfvrsn=32945fb_1" loading="lazy" alt="footer" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/footer" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Footer</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/cards.png?sfvrsn=40a2221c_1" loading="lazy" alt="offices" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/cards" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Cards</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/pricing-cards.png?sfvrsn=a88767f9_1" loading="lazy" alt="pricing cards" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/landing-page/pricing-section" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Pricing Cards</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1418_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Listing Pages</h3>
<div class="row row--equal" id="blocks-listing-pages"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/filter.png?sfvrsn=110390bc_1" loading="lazy" alt="filter" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/filter" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Filter</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/flyout-navigation.png?sfvrsn=8ab8f75f_1" loading="lazy" alt="flyout navigation" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">1 Block</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/flyout-navigation" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Flyout Navigation</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/product-card.png?sfvrsn=9fadd19e_1" loading="lazy" alt="product card" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/product-card" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Product Cards</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/sorting.png?sfvrsn=bd069797_1" loading="lazy" alt="sorting" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">2 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/listing-page/sorting" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Sorting</a>
</div></div></div></div></div>
<div id="ContentPlaceholder1_C1421_Col00" class="sf_colsIn u-mb3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<h3 class="u-fs30 u-fw4 u-mb3">Dashboards</h3>
<div class="row row--equal" id="blocks-dashboards"><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/top-navbar.png?sfvrsn=402b8daf_1" loading="lazy" alt="top navbar" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">3 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/dashboard/top-navbar" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Top Navbar</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/compact-card.png?sfvrsn=2bbee8ea_1" loading="lazy" alt="compact card" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">4 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/dashboard/compact-card" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Compact Card</a>
</div></div></div><div class="col-3 u-mb3"><div class="Elevated u-br10 u-b1 u-oh u-pr u-h100"><div class="Embed Embed--16by9 u-bg-blue2"><div class="Section-bg"><img src="/sfimages/default-source/productsimages/page-templates-and-building-blocks/component-thumbnails/dashboard-card.png?sfvrsn=39c21766_2" loading="lazy" alt="dashboard card" /></div><div class="LabelB u-pa u-b0 u-r0"><span class="u-fs12 u-fw5">10 Blocks</span></div></div><hr class="u-m0" /><div class="u-tint-white u-p2 u-h100"><a href="/design-system/docs/ui-templates/building-blocks/dashboard/dashboard-card/" class="HoverBox u-a-white u-fs22 u-fw5 u-c-link" data-sf-ec-immutable="">Dashboard Card</a>
</div></div></div></div></div>
<div class="row u-pb4" data-sf-element="Row">
<div id="ContentPlaceholder1_C1424_Col00" class="sf_colsIn col-3" data-sf-element="Column 1" data-placeholder-label="Column 1">
<a href="/page-templates-and-ui-blocks" class="Btn Btn--prim u-db u-fs20">Learn How it Works</a></div>
</div>
</div>
</div>
</div>
</div>
<div id="ContentPlaceholder1_C1140_Col00" class="sf_colsIn Navigator-content Navigator-content--mobile" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<p class="u-fw3 u-fs24 u-c-blue2 u-mb3">The most complete and up-to-date Vue component library available.</p>
<style>
.LabelB {
font-weight: 400 !important;
}
.PremiumTag {
display: inline-block;
width: 17px;
height: 17px;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='0.5' y='0.464844' width='16' height='16' rx='8' fill='%23653DD2' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90108 7.52734H7.09892L8.5 10.7965L9.90108 7.52734ZM9.90108 6.90234H7.09892L7.76856 5.33984H9.23144L9.90108 6.90234ZM10.5811 7.52734L9.43864 10.193L11.7711 7.52734H10.5811ZM10.5811 6.90234L9.91142 5.33984H10.6875L11.8594 6.90234H10.5811ZM6.41894 6.90234L7.08858 5.33984H6.3125L5.14062 6.90234H6.41894ZM7.56136 10.193L6.41894 7.52734H5.22892L7.56136 10.193ZM12.875 7.21484L8.5 12.2148L4.125 7.21484L6 4.71484H11L12.875 7.21484Z' fill='url(%23paint0_linear_1766_532)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1766_532' x1='5.31818' y1='12.2148' x2='11.3018' y2='4.14465' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.25' stop-color='%23653DD2'/%3E%3Cstop offset='1' stop-color='%23B41FFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.AITag {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 2px;
vertical-align: middle;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" viewBox="0 0 17 17"><path fill="%234f6edd" d="m9.499 16.253-1.45-5.349L3.02 9.57c-.181-.047-.181-.303 0-.35l5.03-1.334L9.5 2.537c.05-.179.306-.179.355 0l1.45 5.349 5.03 1.334c.181.047.181.303 0 .35l-5.03 1.334-1.45 5.349c-.05.178-.306.178-.355 0M3.332 6.024l-.56-2.068-1.92-.508c-.181-.047-.181-.304 0-.35l1.92-.509.56-2.068c.05-.179.306-.179.355 0l.56 2.068 1.92.508c.181.047.181.304 0 .35l-1.92.51-.56 2.067c-.05.18-.306.18-.355 0"/></svg>');
}
</style>
<div class="row u-hyphenate">
<div class="col-3">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Common Features</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-data-query" class="u-ff-sans u-fs20">
<span>Data Query</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-date-math" class="u-ff-sans u-fs20">
<span>Date Math</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/drawing" class="u-ff-sans u-fs20">
<span>Drawing</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-icons" class="u-ff-sans u-fs20">
<span>Icons</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-pdf-export-library" class="u-ff-sans u-fs20">
<span>PDF Generator</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/svgicon" class="u-ff-sans u-fs20">
<span>SVGIcon</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Management</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/filter" class="u-ff-sans u-fs20">
<span>Filter</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/grid" class="u-ff-sans u-fs20">
<span>Grid</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-pager" class="u-ff-sans u-fs20">
<span>Pager</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/treelist" class="u-ff-sans u-fs20">
<span>TreeList</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">File Management</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/file-saver" class="u-ff-sans u-fs20">
<span>File Saver</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Labels</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-error" class="u-ff-sans u-fs20">
<span>Error</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/floatinglabel" class="u-ff-sans u-fs20">
<span>FloatingLabel</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-hint" class="u-ff-sans u-fs20">
<span>Hint</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-label" class="u-ff-sans u-fs20">
<span>Label</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">ScrollView</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/scrollview" class="u-ff-sans u-fs20">
<span>ScrollView</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">TreeView</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/treeview" class="u-ff-sans u-fs20">
<span>TreeView</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Editor</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/editor" class="u-ff-sans u-fs20">
<span>Rich Text Editor</span>
</a>
</li>
</ul>
</div>
<div class="col-3">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Dropdowns</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/autocomplete" class="u-ff-sans u-fs20">
<span>AutoComplete</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/combobox" class="u-ff-sans u-fs20">
<span>ComboBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/dropdownlist" class="u-ff-sans u-fs20">
<span>DropDownList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/dropdowntree" class="u-ff-sans u-fs20">
<span>DropDownTree</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/multiselect" class="u-ff-sans u-fs20">
<span>MultiSelect</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/multiselecttree" class="u-ff-sans u-fs20">
<span>MultiSelectTree</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Inputs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-checkbox" class="u-ff-sans u-fs20">
<span>Checkbox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/colorgradient" class="u-ff-sans u-fs20">
<span>ColorGradient</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/colorpalette" class="u-ff-sans u-fs20">
<span>ColorPalette</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/colorpicker" class="u-ff-sans u-fs20">
<span>ColorPicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/flatcolorpicker" class="u-ff-sans u-fs20">
<span>FlatColorPicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/input" class="u-ff-sans u-fs20">
<span>Input</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/maskedtextbox" class="u-ff-sans u-fs20">
<span>MaskedTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/numerictextbox" class="u-ff-sans u-fs20">
<span>NumericTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-radiobutton" class="u-ff-sans u-fs20">
<span>RadioButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-radiogroup" class="u-ff-sans u-fs20">
<span>RadioGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/rangeslider" class="u-ff-sans u-fs20">
<span>RangeSlider</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/rating-" class="u-ff-sans u-fs20">
<span>Rating</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/signature" class="u-ff-sans u-fs20">
<span>Signature</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/slider" class="u-ff-sans u-fs20">
<span>Slider</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/switch" class="u-ff-sans u-fs20">
<span>Switch</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/textarea" class="u-ff-sans u-fs20">
<span>TextArea</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Charts</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/area-chart" class="u-ff-sans u-fs20">
<span>Area Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/bar-chart" class="u-ff-sans u-fs20">
<span>Bar Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/box-plot" class="u-ff-sans u-fs20">
<span>Box Plot</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/bubble-chart" class="u-ff-sans u-fs20">
<span>Bubble Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/bullet-chart" class="u-ff-sans u-fs20">
<span>Bullet Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/charts" class="u-ff-sans u-fs20">
<span>Charts</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/donut-chart" class="u-ff-sans u-fs20">
<span>Donut Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/funnel-chart" class="u-ff-sans u-fs20">
<span>Funnel Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/heatmap" class="u-ff-sans u-fs20">
<span>Heatmap</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/line-chart" class="u-ff-sans u-fs20">
<span>Line Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/pie-chart" class="u-ff-sans u-fs20">
<span>Pie Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/polar-chart" class="u-ff-sans u-fs20">
<span>Polar Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/pyramid-chart" class="u-ff-sans u-fs20">
<span>Pyramid Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/radar-chart" class="u-ff-sans u-fs20">
<span>Radar Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/range-area-chart" class="u-ff-sans u-fs20">
<span>Range Area Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/sankey-diagram" class="u-ff-sans u-fs20">
<span>Sankey Diagram</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/scatter-chart" class="u-ff-sans u-fs20">
<span>Scatter Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/sparkline" class="u-ff-sans u-fs20">
<span>Sparkline</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/waterfall-chart" class="u-ff-sans u-fs20">
<span>Waterfall Chart</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Indicators</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/badge" class="u-ff-sans u-fs20">
<span>Badge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/loader" class="u-ff-sans u-fs20">
<span>Loader</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/progressbar" class="u-ff-sans u-fs20">
<span>ProgressBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/skeleton" class="u-ff-sans u-fs20">
<span>Skeleton</span>
</a>
</li>
</ul>
</div>
<div class="col-3">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Scheduling</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/calendar" class="u-ff-sans u-fs20">
<span>Calendar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/scheduler" class="u-ff-sans u-fs20">
<span>Scheduler</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Editors</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/upload" class="u-ff-sans u-fs20">
<span>Upload</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Date Inputs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/dateinput" class="u-ff-sans u-fs20">
<span>DateInput</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/datepicker" class="u-ff-sans u-fs20">
<span>DatePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/daterangepicker" class="u-ff-sans u-fs20">
<span>DateRangePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/datetimepicker" class="u-ff-sans u-fs20">
<span>DateTimePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/timepicker" class="u-ff-sans u-fs20">
<span>TimePicker</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Dialogs</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/aiprompt" class="u-ff-sans u-fs20">
<span>AI Prompt</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/dialog" class="u-ff-sans u-fs20">
<span>Dialog</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/window" class="u-ff-sans u-fs20">
<span>Window</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Progress Bars</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/chunkprogressbar" class="u-ff-sans u-fs20">
<span>ChunkProgressBar</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Gauges</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/arcgauge" class="u-ff-sans u-fs20">
<span>ArcGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/circulargauge" class="u-ff-sans u-fs20">
<span>CircularGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/lineargauge" class="u-ff-sans u-fs20">
<span>LinearGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/radialguage" class="u-ff-sans u-fs20">
<span>RadialGauge</span>
</a>
</li>
</ul>
</div>
<div class="col-3">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Layout</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/actionsheet" class="u-ff-sans u-fs20">
<span>ActionSheet</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/animation" class="u-ff-sans u-fs20">
<span>Animation</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/appbar" class="u-ff-sans u-fs20">
<span>AppBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-avatar" class="u-ff-sans u-fs20">
<span>Avatar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/bottomnavigation" class="u-ff-sans u-fs20">
<span>BottomNavigation</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/breadcrumb" class="u-ff-sans u-fs20">
<span>Breadcrumb</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-card" class="u-ff-sans u-fs20">
<span>Card</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/drawer" class="u-ff-sans u-fs20">
<span>Drawer</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/expansionpanel" class="u-ff-sans u-fs20">
<span>ExpansionPanel</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-form" class="u-ff-sans u-fs20">
<span>Form</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/gridlayout" class="u-ff-sans u-fs20">
<span>GridLayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/listbox" class="u-ff-sans u-fs20">
<span>ListBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/listview" class="u-ff-sans u-fs20">
<span>ListView</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/menu" class="u-ff-sans u-fs20">
<span>Menu</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/notification" class="u-ff-sans u-fs20">
<span>Notification</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/panelbar-(accordion)" class="u-ff-sans u-fs20">
<span>PanelBar (Accordion)</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/popup" class="u-ff-sans u-fs20">
<span>Popup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/splitter" class="u-ff-sans u-fs20">
<span>Splitter</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/stacklayout" class="u-ff-sans u-fs20">
<span>StackLayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/stepper" class="u-ff-sans u-fs20">
<span>Stepper</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/vue-tabstrip" class="u-ff-sans u-fs20">
<span>TabStrip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/tilelayout" class="u-ff-sans u-fs20">
<span>TileLayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/toolbar" class="u-ff-sans u-fs20">
<span>Toolbar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/tooltip" class="u-ff-sans u-fs20">
<span>Tooltip</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Buttons</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-vue-ui/button" class="u-ff-sans u-fs20">
<span>Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/buttongroup" class="u-ff-sans u-fs20">
<span>ButtonGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/chip" class="u-ff-sans u-fs20">
<span>Chip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/chiplist" class="u-ff-sans u-fs20">
<span>ChipList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/dropdownbutton" class="u-ff-sans u-fs20">
<span>DropDownButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/floatingactionbutton" class="u-ff-sans u-fs20">
<span>FloatingActionButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/segmentcontrol" class="u-ff-sans u-fs20">
<span>SegmentedControl</span>
<span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/speech-to-text-button" class="u-ff-sans u-fs20">
<span>Speech-to-Text Button</span>
<span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-vue-ui/splitbutton" class="u-ff-sans u-fs20">
<span>SplitButton</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Product Categories</h3>
<ul class="List List--links-4 u-mb4">
</ul>
</div>
</div></div>
<div id="ContentPlaceholder1_C1137_Col00" class="sf_colsIn Navigator-content Navigator-content--mobile" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<p class="u-fw3 u-fs24 u-c-blue2 u-mb3">An up-to-date library of over 100 components long recognized as the leader in the JavaScript market.</p>
<style>
.LabelB {
font-weight: 400 !important;
}
.PremiumTag {
display: inline-block;
width: 17px;
height: 17px;
vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='0.5' y='0.464844' width='16' height='16' rx='8' fill='%23653DD2' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90108 7.52734H7.09892L8.5 10.7965L9.90108 7.52734ZM9.90108 6.90234H7.09892L7.76856 5.33984H9.23144L9.90108 6.90234ZM10.5811 7.52734L9.43864 10.193L11.7711 7.52734H10.5811ZM10.5811 6.90234L9.91142 5.33984H10.6875L11.8594 6.90234H10.5811ZM6.41894 6.90234L7.08858 5.33984H6.3125L5.14062 6.90234H6.41894ZM7.56136 10.193L6.41894 7.52734H5.22892L7.56136 10.193ZM12.875 7.21484L8.5 12.2148L4.125 7.21484L6 4.71484H11L12.875 7.21484Z' fill='url(%23paint0_linear_1766_532)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1766_532' x1='5.31818' y1='12.2148' x2='11.3018' y2='4.14465' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.25' stop-color='%23653DD2'/%3E%3Cstop offset='1' stop-color='%23B41FFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.AITag {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 2px;
vertical-align: middle;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" viewBox="0 0 17 17"><path fill="%234f6edd" d="m9.499 16.253-1.45-5.349L3.02 9.57c-.181-.047-.181-.303 0-.35l5.03-1.334L9.5 2.537c.05-.179.306-.179.355 0l1.45 5.349 5.03 1.334c.181.047.181.303 0 .35l-5.03 1.334-1.45 5.349c-.05.178-.306.178-.355 0M3.332 6.024l-.56-2.068-1.92-.508c-.181-.047-.181-.304 0-.35l1.92-.509.56-2.068c.05-.179.306-.179.355 0l.56 2.068 1.92.508c.181.047.181.304 0 .35l-1.92.51-.56 2.067c-.05.18-.306.18-.355 0"/></svg>');
}
</style>
<div class="row u-hyphenate">
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Management</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/data-grid-(table)" class="u-ff-sans u-fs20">
<span>Data Grid (Table)</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
<span class="AITag" aria-label="AI"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/filemanager" class="u-ff-sans u-fs20">
<span>FileManager</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/filter" class="u-ff-sans u-fs20">
<span>Filter</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/listview" class="u-ff-sans u-fs20">
<span>ListView</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/pager" class="u-ff-sans u-fs20">
<span>Pager</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/pivotgrid" class="u-ff-sans u-fs20">
<span>PivotGrid</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/pivotgrid-v2" class="u-ff-sans u-fs20">
<span>PivotGrid v2</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/propertygrid" class="u-ff-sans u-fs20">
<span>PropertyGrid</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/spreadsheet" class="u-ff-sans u-fs20">
<span>Spreadsheet</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/treelist" class="u-ff-sans u-fs20">
<span>TreeList</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Charts</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/chart-wizard" class="u-ff-sans u-fs20">
<span>Chart Wizard</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/charts" class="u-ff-sans u-fs20">
<span>Charts</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/pyramid-chart" class="u-ff-sans u-fs20">
<span>Pyramid Chart</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/sparklines" class="u-ff-sans u-fs20">
<span>Sparklines</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Scheduler</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/gantt" class="u-ff-sans u-fs20">
<span>Gantt</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Media</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/mediaplayer" class="u-ff-sans u-fs20">
<span>MediaPlayer</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/scrollview" class="u-ff-sans u-fs20">
<span>ScrollView</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Conversational UI</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/chat" class="u-ff-sans u-fs20">
<span>Chat</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
<span class="AITag" aria-label="AI"></span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Gauges</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/arcgauge" class="u-ff-sans u-fs20">
<span>ArcGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/circulargauge" class="u-ff-sans u-fs20">
<span>CircularGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/lineargauge" class="u-ff-sans u-fs20">
<span>LinearGauge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/radialgauge" class="u-ff-sans u-fs20">
<span>RadialGauge</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Layout</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/avatar" class="u-ff-sans u-fs20">
<span>Avatar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/badge" class="u-ff-sans u-fs20">
<span>Badge</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/card" class="u-ff-sans u-fs20">
<span>Card</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/dialog" class="u-ff-sans u-fs20">
<span>Dialog</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/dockmanager" class="u-ff-sans u-fs20">
<span>DockManager</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/expansionpanel" class="u-ff-sans u-fs20">
<span>ExpansionPanel</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/form" class="u-ff-sans u-fs20">
<span>Form</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/notification" class="u-ff-sans u-fs20">
<span>Notification</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/panelbar" class="u-ff-sans u-fs20">
<span>PanelBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/popover" class="u-ff-sans u-fs20">
<span>PopOver</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/popup" class="u-ff-sans u-fs20">
<span>Popup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/responsivepanel" class="u-ff-sans u-fs20">
<span>ResponsivePanel</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/ripple-container" class="u-ff-sans u-fs20">
<span>Ripple Container</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/splitter" class="u-ff-sans u-fs20">
<span>Splitter</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/tabstrip" class="u-ff-sans u-fs20">
<span>TabStrip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/tilelayout" class="u-ff-sans u-fs20">
<span>TileLayout</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/timeline" class="u-ff-sans u-fs20">
<span>TimeLine</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/tooltip" class="u-ff-sans u-fs20">
<span>Tooltip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/window" class="u-ff-sans u-fs20">
<span>Window</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Editors</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/autocomplete" class="u-ff-sans u-fs20">
<span>AutoComplete</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/captcha" class="u-ff-sans u-fs20">
<span>Captcha</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/checkbox" class="u-ff-sans u-fs20">
<span>Checkbox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/checkboxgroup" class="u-ff-sans u-fs20">
<span>CheckBoxGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/colorgradient" class="u-ff-sans u-fs20">
<span>ColorGradient</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/colorpicker" class="u-ff-sans u-fs20">
<span>ColorPicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/combobox" class="u-ff-sans u-fs20">
<span>ComboBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/dateinput" class="u-ff-sans u-fs20">
<span>DateInput</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/datepicker" class="u-ff-sans u-fs20">
<span>DatePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/datetimepicker" class="u-ff-sans u-fs20">
<span>DateTimePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/dropdownlist" class="u-ff-sans u-fs20">
<span>DropDownList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/dropdowntree" class="u-ff-sans u-fs20">
<span>DropDownTree</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/image-editor" class="u-ff-sans u-fs20">
<span>Image Editor</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/listbox" class="u-ff-sans u-fs20">
<span>ListBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/maskedtextbox" class="u-ff-sans u-fs20">
<span>MaskedTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/multicolumncombobox" class="u-ff-sans u-fs20">
<span>MultiColumnComboBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/multiselect" class="u-ff-sans u-fs20">
<span>MultiSelect</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/numerictextbox" class="u-ff-sans u-fs20">
<span>NumericTextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/otp-input" class="u-ff-sans u-fs20">
<span>OTP Input</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/radiobutton" class="u-ff-sans u-fs20">
<span>RadioButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/radiogroup" class="u-ff-sans u-fs20">
<span>RadioGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/rangeslider" class="u-ff-sans u-fs20">
<span>RangeSlider</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/rating" class="u-ff-sans u-fs20">
<span>Rating</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/rich-text-editor" class="u-ff-sans u-fs20">
<span>Rich Text Editor</span>
<span class="AITag" aria-label="AI"></span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/signature" class="u-ff-sans u-fs20">
<span>Signature</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/slider" class="u-ff-sans u-fs20">
<span>Slider</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/switch" class="u-ff-sans u-fs20">
<span>Switch</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/text-area" class="u-ff-sans u-fs20">
<span>TextArea</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/textbox" class="u-ff-sans u-fs20">
<span>TextBox</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/timedurationpicker" class="u-ff-sans u-fs20">
<span>TimeDurationPicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/timepicker" class="u-ff-sans u-fs20">
<span>TimePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/validator" class="u-ff-sans u-fs20">
<span>Validator</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Interactivity & UX</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/circularprogressbar" class="u-ff-sans u-fs20">
<span>CircularProgressBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/drag-and-drop" class="u-ff-sans u-fs20">
<span>Drag and Drop</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/effects" class="u-ff-sans u-fs20">
<span>Effects</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/loader" class="u-ff-sans u-fs20">
<span>Loader</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/progressbar" class="u-ff-sans u-fs20">
<span>ProgressBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/skeletoncontainer" class="u-ff-sans u-fs20">
<span>SkeletonContainer</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/sortable" class="u-ff-sans u-fs20">
<span>Sortable</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/taskboard" class="u-ff-sans u-fs20">
<span>TaskBoard</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Bar & QR Codes</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/qrcode" class="u-ff-sans u-fs20">
<span>QRCode</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Product Categories</h3>
<ul class="List List--links-4 u-mb4">
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Document Processing</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/pdf-viewer" class="u-ff-sans u-fs20">
<span>PDF Viewer</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Scheduling</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/calendar" class="u-ff-sans u-fs20">
<span>Calendar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/daterangepicker" class="u-ff-sans u-fs20">
<span>DateRangePicker</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/multiviewcalendar" class="u-ff-sans u-fs20">
<span>MultiViewCalendar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/scheduler" class="u-ff-sans u-fs20">
<span>Scheduler</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Navigation</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/actionsheet" class="u-ff-sans u-fs20">
<span>ActionSheet</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/appbar" class="u-ff-sans u-fs20">
<span>AppBar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/bottomnavigation" class="u-ff-sans u-fs20">
<span>BottomNavigation</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/breadcrumb" class="u-ff-sans u-fs20">
<span>Breadcrumb</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/button" class="u-ff-sans u-fs20">
<span>Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/buttongroup" class="u-ff-sans u-fs20">
<span>ButtonGroup</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/chip" class="u-ff-sans u-fs20">
<span>Chip</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/chiplist" class="u-ff-sans u-fs20">
<span>ChipList</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/drawer" class="u-ff-sans u-fs20">
<span>Drawer</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/dropdownbutton" class="u-ff-sans u-fs20">
<span>DropDownButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/floatingactionbutton" class="u-ff-sans u-fs20">
<span>FloatingActionButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/menu" class="u-ff-sans u-fs20">
<span>Menu</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/segmented-control" class="u-ff-sans u-fs20">
<span>Segmented Control</span>
<span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/speechtotext-button" class="u-ff-sans u-fs20">
<span>SpeechToText Button</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/splitbutton" class="u-ff-sans u-fs20">
<span>SplitButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/stepper" class="u-ff-sans u-fs20">
<span>Stepper</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/togglebutton" class="u-ff-sans u-fs20">
<span>ToggleButton</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/toolbar" class="u-ff-sans u-fs20">
<span>Toolbar</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/treeview" class="u-ff-sans u-fs20">
<span>TreeView</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/wizard" class="u-ff-sans u-fs20">
<span>Wizard</span>
</a>
</li>
</ul>
</div>
<div class="col-2">
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">File Management</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/upload" class="u-ff-sans u-fs20">
<span>Upload</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Diagrams and Maps</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/diagram" class="u-ff-sans u-fs20">
<span>Diagram</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/map" class="u-ff-sans u-fs20">
<span>Map</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/orgchart" class="u-ff-sans u-fs20">
<span>OrgChart</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Barcodes</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/barcode" class="u-ff-sans u-fs20">
<span>BarCode</span>
</a>
</li>
</ul>
<h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Framework</h3>
<ul class="List List--links-4 u-mb4">
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/datasource" class="u-ff-sans u-fs20">
<span>DataSource</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/drawing-api" class="u-ff-sans u-fs20">
<span>Drawing API</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/mvvm" class="u-ff-sans u-fs20">
<span>MVVM</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/pdf-export" class="u-ff-sans u-fs20">
<span>PDF Export</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/single-page-app" class="u-ff-sans u-fs20">
<span>Single-Page App</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/templates" class="u-ff-sans u-fs20">
<span>Templates</span>
</a>
</li>
<li>
<a href="https://www.telerik.com/kendo-jquery-ui/touch" class="u-ff-sans u-fs20">
<span>Touch</span>
</a>
</li>
</ul>
</div>
</div></div>
</div>
</div>
</div>
</div>
</section>
<section class="Section u-tint-blue1 sctn-AITools u-pt6 u-pb4 u-s-pt3 u-s-pb3" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1468_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<h2 class="u-mb4">AI Tools for Kendo UI</h2><div class="row row--separated row--aligned ai-section-gradient u-tint-white u-p3 u-br10 u-s-mb3 u-ml0 u-mr0 u-l-pl0 u-m-pl0" data-sf-element="Row">
<div id="ContentPlaceholder1_C1469_Col00" class="sf_colsIn col-6 u-mb0 u-pl0" data-sf-element="Column 1" data-placeholder-label="Column 1"><div id="ContentPlaceholder1_C1470_Col00" class="sf_colsIn" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<svg xmlns="http://www.w3.org/2000/svg" class="u-w6" fill="none" viewBox="0 0 66 64"><path stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M39 17v-4.28M54 22.99h-4M60 22.99h-4M54 6.99h-4M60 6.99h-4M54 39h-4M60 39h-4M35 22.98H7a6 6 0 0 0-6 6v28a6 6 0 0 0 6 6h28a6 6 0 0 0 6-6v-28a6 6 0 0 0-6-6Z"></path><path fill="#000" d="m24.269 31.562 2.768 7.018 7.018 2.769-7.018 2.769-2.768 7.018-2.77-7.018-7.017-2.77L21.5 38.58zm-11.53 16.215-4.795 1.73 4.794 1.731 1.73 4.794 1.731-4.794 4.794-1.73-4.794-1.73-1.73-4.795zM11.545 33.53l-3.602 1.294 3.596 1.301 1.3 3.596 1.302-3.596 3.596-1.3-3.596-1.302-1.301-3.595-1.301 3.595z"></path><path stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M13 3v8a2 2 0 0 0 2 2h48a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H15a2 2 0 0 0-2 2ZM41.01 28.97h22a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-48a2 2 0 0 0-2 2v4M41.01 44.97h22a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-22"></path></svg>
<p class="u-fs24 u-fw5 u-c-black u-mt1 u-mb1">MCP Servers for Developer Productivity</p>
<p>AI tools that bring Kendo UI context to your LLMs for better outputs.</p>
<ul class="ListAdapt icon-check u-a-green1 u-mb2"><li>Get help with components: binding and directly in code</li><li>Generate and style full pages from a single prompt</li><li>Keep full control: review, edit and commit the generated code as usual</li></ul>
<a href="/mcp-servers" referrerpolicy="no-referrer-when-downgrade" class="Btn Btn--ghost u-fs19 u-mb0 u-wa u-s-mb2">Learn More About MCP Servers</a></div>
</div>
<div id="ContentPlaceholder1_C1469_Col01" class="sf_colsIn col-6 u-mb0" data-sf-element="Column 2" data-placeholder-label="Column 2"><div id="ContentPlaceholder1_C1471_Col00" class="sf_colsIn" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper">
<svg xmlns="http://www.w3.org/2000/svg" class="u-w6" fill="none" viewBox="0 0 70 70"><path stroke="#000" stroke-width="2" d="M2.796 18.15v47.054a2 2 0 0 0 2 2h60.408a2 2 0 0 0 2-2V18.15m-64.408 0V4.796a2 2 0 0 1 2-2h60.408a2 2 0 0 1 2 2V18.15m-64.408 0h64.408"></path><path fill="#000" d="m41.183 26.017 3.612 9.064 9.154 3.575-9.154 3.576-3.612 9.064-3.611-9.064-9.154-3.575 9.154-3.576zm-15.04 20.941-6.252 2.235 6.253 2.235L28.4 57.62l2.257-6.19 6.253-2.236-6.253-2.235-2.257-6.19zm-1.554-18.4L19.89 30.23l4.69 1.68 1.697 4.644 1.697-4.643 4.69-1.68-4.69-1.68-1.697-4.644-1.697 4.643z"></path><circle cx="10.659" cy="10.738" r="2.147" fill="#000"></circle><circle cx="17.098" cy="10.738" r="2.147" fill="#000"></circle><circle cx="23.54" cy="10.738" r="2.147" fill="#000"></circle></svg>
<p class="u-fs24 u-fw5 u-c-black u-mt1 u-mb1">AI-Ready Components</p>
<p>A single place to find all AI-ready UI components and Smart features across Telerik and Kendo UI.</p>
<ul class="ListAdapt icon-check u-a-green1 u-xl-mb2 u-s-mb0"><li>Easily plug in AI functionality into projects</li><li>Enhance traditional components with AI features</li><li>Available for a variety of frameworks</li></ul>
<a href="/ai-components" referrerpolicy="no-referrer-when-downgrade" class="Btn Btn--ghost u-fs19 u-mb0 u-wa u-mta u-s-mt2">Explore Our AI Components</a></div>
</div>
</div>
</div>
</section>
<section class="Section sctn-DesignTools" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1355_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<div class="row"><div class="col-11 u-l-col-12"><h2 class="u-c-black">Simple to Advanced, Style Your Components<br />the Easy Way</h2><p class="u-mb6 u-fw3 u-fs24 u-c-blue2">We combine our UI components with front-end documentation and tools into a Design System Kit to help you satisfy your styling requirements and produce consistent UI without hassle. You and/or designers can leverage these resources: </p></div></div><div class="row row--equal row--aligned"><div class="col-4 u-mb0 u-m-col-6 u-s-col-12 u-m-mb4"><div class="u-b1 u-br10 u-oh u-tint-white"><a class="u-c-grey4 u-tdn u-m0" href="/design-system/docs"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/figma/front-end_documentation_370x2109.png?sfvrsn=5efc3ae5_11" alt="Front-End Documentation" class="u-full u-mb1" data-sf-ec-immutable="" /><h4 class="u-fs28 u-fw5 u-m0 u-p2 u-pb1 u-c-link">Front-End Documentation</h4><p class="u-pl2 u-pr2 u-pb2 u-m0">Leverage our detailed design and front-end documentation on how to make the necessary customizations to Telerik and Kendo UI themes. </p></a>
</div></div><div class="col-4 u-mb0 u-m-col-6 u-s-col-12 u-m-mb4"><div class="u-b1 u-br10 u-oh u-tint-white"><a href="/themebuilder" class="u-c-grey4 u-tdn u-m0"><img src="/sfimages/default-source/figma/apply-your-brand_banner_370x210.png?sfvrsn=a9628287_5" alt="apply your brand" class="u-full u-mb1" /><h4 class="u-fs28 u-fw5 u-m0 u-p2 u-pb1 u-c-link">ThemeBuilder</h4><p class="u-pl2 u-pr2 u-pb2 u-m0">Point, click and customize its built-in themes and avoid tedious CSS. Choose between the free ThemeBuilder or subscribe to the new ThemeBuilder Pro for deeper customization options.</p></a>
</div></div><div class="col-4 u-mb0 u-m-col-6 u-s-col-12"><div class="u-b1 u-br10 u-oh u-tint-white"><a href="/figma-kits" class="u-c-grey4 u-tdn u-m0"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/figma/figma-kits_370x210.png?sfvrsn=bb8da007_3" class="u-full u-mb1" alt="Figma Kits" data-sf-ec-immutable="" /><h4 class="u-fs28 u-fw5 u-m0 u-p2 u-pb1 u-c-link">Figma Kits</h4><p class="u-pl2 u-pr2 u-pb2 u-m0">Designers using Figma leverage our design kits to mock up design changes directly to representations of our components. These are free and will help streamline the communication between you and your design team.</p></a>
</div></div></div>
</div>
</section>
<section class="Section u-pt8 u-pb8 u-tint-blue10 sctn-Pricing track--dcupgrade" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1149_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<h2 id="pricing" class="u-mb4">Flexible Packaging Tailored to Your Needs </h2><div class="Purchase" data-sf-element="Row">
<div id="ContentPlaceholder1_C1486_Col00" class="sf_colsIn Purchase-head js-subscription" data-sf-element="Column 1" data-placeholder-label="Column 1"><div class="Purchase-mobileHead u-dn u-m-db u-zi5 js-sync-mobile-heads" data-tlrk-plugin="MobileHeader" data-MobileHeader-rows-selector=".Purchase-head.js-subscription, .Purchase-body div" data-MobileHeader-cols-selector=".Purchase-cell, dd" data-MobileHeader-observe=".js-sync-mobile-heads">
<button class="Purchase-mobileHead-main">
<span class="u-dfc">
<span class="Purchase-mobileHead-title js-title"></span>
<span class="Purchase-mobileHead-subtitle js-subtitle"></span>
<span class="Purchase-mobileHead-description u-fs12 js-description"></span>
</span>
<span class="Purchase-mobileHead-aside">See All</span>
</button>
<div class="Purchase-mobileHead-options">
<template data-foreach=".js-subscription .js-mobile-option">
<button class="Purchase-mobileHead-option">
<span class="js-title Purchase-mobileHead-title u-fs20" data-copy-from=".js-mobile-title"></span>
<span class="js-subtitle u-fs20" data-copy-from=".js-mobile-subtitle"></span>
<span class="js-description u-fs12" data-copy-from=".js-mobile-description"></span>
</button>
</template>
</div>
</div>
<div class="Purchase-cell Purchase-cell--kendo js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0h">Kendo UI</h5><h6 class="u-c-grey u-fs12 u-fw5 u-lsn u-mb0">Subscription</h6></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup>
<span class="js-lite-kendo u-dn">799</span>
<span class="js-priority-kendo">899</span>
<span class="js-ultimate-kendo u-dn">1,299</span>
</div><p class="u-fs12 js-mobile-description">per developer, <br />per year</p></div><div class="Purchase-support"><div class="u-fs12 u-mta">Choose support</div><div class="ComboBox js-sync-support" data-tlrk-plugin="ComboBox" data-combobox-selected-index="1" data-combobox-observe=".js-sync-support"><button type="button" class="ComboBox-control">Priority Support</button><div class="ComboBox-view"><button type="button" class="ComboBox-item" data-label="Lite Support" data-tlrk-plugin="toggle" data-show=".js-lite-kendo" data-hide=".js-priority-kendo, .js-ultimate-kendo" data-scope=".js-subscription, .Purchase-body"><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Lite Support</div><div class="u-fs14 u-c-grey">72h response time and up to 10 support incidents</div></div><div class="u-fw5">$799</div></div></button><button type="button" class="ComboBox-item" data-label="Priority Support" data-tlrk-plugin="toggle" data-show=".js-priority-kendo" data-hide=".js-lite-kendo, .js-ultimate-kendo" data-scope=".js-subscription, .Purchase-body"><div class="Ghost Ghost--bubble u-a-orange u-c-black u-fs10 u-lh1 u-fw6 u-ttu u-pen">Recommended</div><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Priority Support</div><div class="u-fs14 u-c-grey">24h response time and unlimited number of support incidents</div></div><div class="u-fw5">$899</div></div></button><button type="button" class="ComboBox-item" data-label="Ultimate Support" data-tlrk-plugin="toggle" data-show=".js-ultimate-kendo" data-hide=".js-lite-kendo, .js-priority-kendo" data-scope=".js-subscription, .Purchase-body"><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Ultimate Support</div><div class="u-fs14 u-c-grey">Everything in Priority Support + phone support and remote web assistance</div></div><div class="u-fw5">$1,299</div></div></button></div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10036" class="Btn Btn--prim u-fs19 u-full u-m0 js-lite-kendo u-dn" data-sf-ec-immutable="">Buy Now</a>
<a href="https://store.progress.com/configure-purchase?skuId=10035" class="Btn Btn--prim u-fs19 u-full u-m0 js-priority-kendo" data-sf-ec-immutable="">Buy Now</a>
<a href="https://store.progress.com/configure-purchase?skuId=10034" class="Btn Btn--prim u-fs19 u-full u-m0 js-ultimate-kendo u-dn" data-sf-ec-immutable="">Buy Now</a>
</div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li>JavaScript UI components for jQuery, Angular, React and Vue</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</li><li class="Purchase-addonItems">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-mcp">MCP Servers</li></ul></div></div>
<div class="Purchase-cell Purchase-cell--DevCraftUI js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0h">DevCraft UI</h5><h6 class="u-c-grey u-fs12 u-fw5 u-lsn u-mb0">Subscription</h6></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> 1,149</div><p class="u-fs12 js-mobile-description">per developer, <br />per year</p></div><div class="Purchase-support"><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--liteSupportSub;"><button popovertarget="lite-support-sub" class="u-tdn">Lite support</button><div id="lite-support-sub" popover="">72h response time<br />10 support incidents
</div></div><a class="u-fs12 u-tdu u-c-link" href="/purchase/support-plans">Learn More</a>
</div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10021" class="Btn Btn--prim u-fs19 u-full" data-sf-ec-immutable="">Buy Now</a>
</div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</li><li class="Purchase-addonItems">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-mcp">MCP Servers</li></ul></div></div>
<div class="Purchase-featured">
<div class="Purchase-cell Purchase-cell--DevCraftComplete js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0h">DevCraft Complete</h5><h6 class="u-c-grey u-fs12 u-fw5 u-lsn u-mb0">Subscription</h6></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> 1,299</div><p class="u-fs12 js-mobile-description">per developer, <br />per year</p></div><div class="Purchase-support"><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--prioritySupportSub;"><button popovertarget="priority-support-sub" class="u-tdn">Priority support</button><div id="priority-support-sub" class="tooltip" popover="">24h response time<br />Unlimited number of support incidents
</div></div><a class="u-fs12 u-tdu u-c-link" href="/purchase/support-plans">Learn More</a>
</div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10016" class="Btn Btn--prim u-fs19 u-full" data-sf-ec-immutable="">Buy Now</a>
</div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-genAIReports">AI Report Generator</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li><li class="Purchase-addonItems">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-sso">Single sign-on (SSO) with SCIM provisioning</li><li class="Purchase-mcp">MCP Servers</li></ul></div></div>
</div>
<div class="Purchase-cell Purchase-cell--DevCraftUltimate js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0h">DevCraft Ultimate</h5><h6 class="u-c-grey u-fs12 u-fw5 u-lsn u-mb0">Subscription</h6></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> 1,649</div><p class="u-fs12 js-mobile-description">per developer, <br />per year</p></div><div class="Purchase-support"><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--ultimateSupportSub;"><button popovertarget="ultimate-support-sub" class="u-tdn">Ultimate support</button><div id="ultimate-support-sub" popover="">Everything in Priority Support<br />Phone support<br />Remote web assistance<br />Ticket pre-screening<br />Issue escalation
</div></div><a class="u-fs12 u-tdu u-c-link" href="/purchase/support-plans">Learn More</a>
</div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10018" class="Btn Btn--prim u-fs19 u-full" data-sf-ec-immutable="">Buy Now</a>
</div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="Purchase-addonItems">Page Templates & Buidling Blocks</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-reportE2E">End-to-end report management solution</li><li>ThemeBuilder Enterprise</li></ul></div></div></div>
</div>
<div class="u-mt4 u-tac"><a href="/purchase/kendo-ui" class="Btn Btn--round3" data-sf-ec-immutable="">See Detailed Comparison</a></div>
</div>
</section>
<section class="Section u-bg-blue6 u-pt8 u-pb6 u-s-pb4 sctn-SuccessStories" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1154_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<h2 class="u-mb4" id="success-stories">Success Stories</h2>
<div
class=" u-pr"
aria-roledescription="carousel"
aria-label="Case studies"
>
<div class="Carousel Carousel--outside Carousel--center u-pr">
<div
class="js-4d2b871d77ea47d4bf0b6254a22557d4"
data-tlrk-plugin="siema"
data-siema-btn-prev=".js-4d2b871d77ea47d4bf0b6254a22557d4-prev"
data-siema-btn-next=".js-4d2b871d77ea47d4bf0b6254a22557d4-next"
data-siema-dots=".js-4d2b871d77ea47d4bf0b6254a22557d4-dots .Slider-dot"
data-siema-loop="true"
data-siema-per-page="1"
>
<div role="group" aria-roledescription="slide">
<div class="u-br20 u-oh Elevated">
<div class="u-df u-m0 u-p0 u-s-fd-col">
<div class="col-6 u-p0 u-s-full">
<div class="Embed Embed--16by9 u-h100 u-oh">
<div class="Section-bg">
<img
src="https://www.telerik.com/sfimages/default-source/case-studies/icanpreneur-ai-first-platform.webp?sfvrsn=85ad6f5c_1"
alt="How Icanpreneur Built an AI-First Platform with KendoReact"
loading="lazy"
/>
</div>
</div>
</div>
<div class="col-6 u-s-full u-df u-fd-col u-pt5 u-pr4 u-pb5 u-pl3 u-tint-white">
<div class="u-mb1">
<img style="max-height: 40px; width: auto;" src="https://www.telerik.com/sfimages/default-source/customers/logos/icanpreneur_logo.png?sfvrsn=915f4a21_1" alt="Icanpreneur" loading="lazy" style="max-height: 40px; width: auto;" />
</div>
<div class="u-mb1 u-df u-fww" style="gap: 10px;">
<span class="Ghost u-fs12 u-a-blue4 u-c-link u-pen">Technology & Software</span>
<span class="Ghost u-fs12 u-a-blue4 u-c-link u-pen">Kendo UI, KendoReact</span>
</div>
<div class="h4">How Icanpreneur Built an AI-First Platform with KendoReact</div>
<p class="u-fs16 u-c-grey u-mb2">
AI products don't fail because of models. They fail because of UX - and this is how Icanpreneur built it right with KendoReact.
</p>
<div class="u-mta">
<a href="/case-studies/how-icanpreneur-built-an-ai-first-platform-with-kendoreact"
class="icon-arrow u-c-link u-tdn">
Learn More
</a>
</div>
</div>
</div>
</div>
</div>
<div role="group" aria-roledescription="slide">
<div class="u-br20 u-oh Elevated">
<div class="u-df u-m0 u-p0 u-s-fd-col">
<div class="col-6 u-p0 u-s-full">
<div class="Embed Embed--16by9 u-h100 u-oh">
<div class="Section-bg">
<img
src="https://www.telerik.com/sfimages/default-source/case-studies/video-case-study-why-nasa-chose-to-depend-on-the-web-app-quality-of-telerik-thumb.png?sfvrsn=2ccb74ab_7"
alt="Why NASA Chose to Depend on the Web App Quality of Telerik "
loading="lazy"
/>
</div>
</div>
</div>
<div class="col-6 u-s-full u-df u-fd-col u-pt5 u-pr4 u-pb5 u-pl3 u-tint-white">
<div class="u-mb1 u-df u-fww" style="gap: 10px;">
<span class="Ghost u-fs12 u-a-blue4 u-c-link u-pen">Government</span>
<span class="Ghost u-fs12 u-a-blue4 u-c-link u-pen">Progress Telerik</span>
</div>
<div class="h4">Why NASA Chose to Depend on the Web App Quality of Telerik </div>
<p class="u-fs16 u-c-grey u-mb2">
NASA Planetary Data System needed a guaranteed tool with improved integration and operation functionality across their many platforms. In this video, Thomas C. Stein explains how Progress Telerik provided a well packaged and professional front end to their users, while saving his team both valuable time and money.
</p>
<div class="u-mta">
<a href="/about/success-stories/details//video-case-study-why-nasa-chose-to-depend-on-the-web-app-quality-of-telerik"
class="icon-arrow u-c-link u-tdn">
Learn More
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="Carousel-prev u-c-link-adaptive js-4d2b871d77ea47d4bf0b6254a22557d4-prev" aria-label="Previous slide"></button>
<button class="Carousel-next u-c-link-adaptive js-4d2b871d77ea47d4bf0b6254a22557d4-next" aria-label="Next slide"></button>
</div>
<div class="Carousel-dots js-4d2b871d77ea47d4bf0b6254a22557d4-dots u-mt4 u-tac">
<button
class="Slider-dot u-c-link-adaptive is-active"
aria-label="Go to slide 1"
></button>
<button
class="Slider-dot u-c-link-adaptive"
aria-label="Go to slide 2"
></button>
</div>
</div>
<style>
.u-c-link-adaptive {
color: #054bff !important;
}
[class*="u-bg-"] .u-c-link-adaptive {
color: #90b6ff!important;
}
.Carousel--outside .Carousel-prev {
left: -60px;
}
.Carousel--outside .Carousel-next {
right: -60px;
}
.Carousel--center .Carousel-prev,
.Carousel--center .Carousel-next {
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 1300px) {
.Carousel--outside .Carousel-prev,
.Carousel--outside .Carousel-next {
display: none;
}
}
</style>
</div>
</section>
<section class="Section Section--patch u-tint-orange u-pt2 u-pb2 u-pr u-s-p0 u-zi2" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1158_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<div class="row row--separated u-tac u-l-pt2 u-m-p0"><div class="col-4 u-s-m0 u-small-tal u-l-mb2 u-s-mb0"><div class="u-fs60 u-fw5 u-lh1">275K+ <span class="u-ff-sans2 u-fs20">customers</span>
</div></div><div class="col-4 u-s-m0 u-small-tal u-l-mb2 u-s-mb0"><div class="u-fs60 u-fw5 u-lh1">3.5M+ <span class="u-ff-sans2 u-fs20">developers</span>
</div></div><div class="col-4 u-s-m0 u-small-tal u-l-mb1 u-m-mb1 u-s-mb0"><div class="u-fs60 u-fw5 u-lh1">400+ <span class="u-ff-sans2 u-fs20">awards</span>
</div></div></div>
</div>
</section>
<section class="Section u-pt8 u-pb8 u-bg-blue sctn-CustomerWords" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1160_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<h3 class="h4 u-c-grey8 u-fs17 u-lsn u-mb2 h6">Telerik is trusted by these household names</h3><div class="u-tac"><img src="/sfimages/default-source/labs/devcraft/logos-custumers.svg?sfvrsn=8147a074_3" alt="" sf-size="44118" /></div>
</div>
</section>
<section class="Section u-pt8 u-pb8 sctn-FAQs u-zi2" data-sf-element="Section" data-placeholder-label="Section">
<div id="ContentPlaceholder1_C1162_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content">
<h2 id="faqs">Frequently Asked Questions</h2><div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1163_Col00" class="sf_colsIn col-6 u-small-nm" data-sf-element="Column 1" data-placeholder-label="Column 1">
<style type="text/css">
.List--accordion>li {
border-top: 1px solid #e0e5e8;
}
.List--accordion .Question {
display: block;
position: relative;
padding: 12px 30px 0px 0;
margin-bottom: 12px;
}
.List--accordion .Question:active,
.List--accordion .Question:focus,
.List--accordion .Question:hover {
text-decoration: none;
}
.List--accordion .Question::before {
transform: rotate(180deg);
font-family: tlrk-icon-font;
font-size: 1em !important;
color: #3d57d8;
line-height: 1;
position: absolute;
top: 50%;
margin-top: -0.15em;
right: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.List--accordion .Question.expanded {
color: #555;
}
.List--accordion .Question.expanded::before {
transform: rotate(0deg);
}
.List--accordion .Answer {
background-color: #f5f6f7;
line-height: 1.4;
font-size: 18px;
padding: 18px 24px 20px 20px;
margin-top: 12px;
}
@media only screen and (max-width: 620px) {
.List--accordion {
margin-top: -1px;
}
}
</style>
<ul class="List List--accordion" data-sf-role="lists">
<li >
<a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Why Should I Use Kendo UI JavaScript Components?</a>
<div class="Answer" style="display:none;">
<ul><li>You get hundreds of components natively built for the four most popular frameworks: jQuery, Angular, React, and Vue.
</li><li>Each component is meticulously documented, and you can easily access demos for virtually every feature.
</li><li>Our support team is acclaimed by the user community and professional associations alike.
</li><li>Kendo UI JavaScript components consistently earn industry awards.
</li></ul>
</div>
</li>
<li >
<a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Are the Kendo UI components for Angular, React, Vue and jQuery free?</a>
<div class="Answer" style="display:none;">
<p>Kendo UI is a commercial product. Still, you can access 50+ of our enterprise-grade <strong>React</strong> components for free through the <a href="https://www.telerik.com/kendo-react-ui/components/free" data-sf-ec-immutable="">KendoReact Free</a> tier. </p>
</div>
</li>
<li >
<a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">How can I try Kendo UI JavaScript components? </a>
<div class="Answer" style="display:none;">
<p>Any user can start a free 30-day trial using the button below by selecting your desired product and creating an account. Your trial account comes with unlimited usage of the JavaScript Components plus support for the duration of your evaluation period. </p><div class="Dropdown" data-tlrk-plugin="dropdown"><a href="#download-trial-file" class="Dropdown-control Btn Btn--prim2 u-db u-fs20" data-sf-ec-immutable="">Start Free Trial <span class="Dropdown-arrow"></span></a>
<div class="DashMenu u-pa u-fs20 u-tac"><a class="u-db u-wsn" href="/try/kendo-ui" data-sf-ec-immutable="">UI for jQuery</a>
<a class="u-db u-wsn" href="/try/kendo-angular-ui" data-sf-ec-immutable="">UI for Angular</a>
<a class="u-db u-wsn" href="/try/kendo-react-ui" data-sf-ec-immutable="">UI for React</a>
<a class="u-db u-wsn" href="/try/kendo-vue-ui" data-sf-ec-immutable="">UI for Vue</a>
</div></div><p> </p><p>Additionally, you can install 50+ of the enterprise-grade KendoReact components for free without signing up for a trial or needing a license. <a href="https://www.telerik.com/kendo-react-ui/components/free" data-sf-ec-immutable="">Learn more about KendoReact Free</a>. </p>
</div>
</li>
</ul>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
if (typeof FAQPAGEINITIALIZED == "undefined") {
var FAQSchema = document.createElement('script');
FAQSchema.setAttribute("type", "application/ld+json");
var arr = [];
document.querySelectorAll("a.Question").forEach(function(item){
arr.push(
{
"@type": "Question",
"name": item.innerText,
"acceptedAnswer": {
"@type": "Answer",
"text": item.nextElementSibling.innerText.trim().replace("\\s+", " ")
}
}
)
});
FAQSchema.innerHTML = '{"@context": "https://schema.org","@type": "FAQPage","mainEntity": [' + JSON.stringify(arr) + ']}'
document.head.append(FAQSchema);
FAQPAGEINITIALIZED = 1;
}
});
if (!window.faqToggleScriptLoaded) {
window.faqToggleScriptLoaded=true;
document.addEventListener("DOMContentLoaded", function(event) {
$('.Question').on('click', function(e) {
var wrapper = $(this).closest('[data-sf-role=lists]');
var content = $(this).closest('li').find('.Answer');
$('[data-sf-role=toggleLink]').not($(this)).removeClass('expanded');
$('.Answer').not(content).css('display', 'none');
});
});
}
</script>
</div>
<div id="ContentPlaceholder1_C1163_Col01" class="sf_colsIn col-6" data-sf-element="Column 2" data-placeholder-label="Column 2">
<style type="text/css">
.List--accordion>li {
border-top: 1px solid #e0e5e8;
}
.List--accordion .Question {
display: block;
position: relative;
padding: 12px 30px 0px 0;
margin-bottom: 12px;
}
.List--accordion .Question:active,
.List--accordion .Question:focus,
.List--accordion .Question:hover {
text-decoration: none;
}
.List--accordion .Question::before {
transform: rotate(180deg);
font-family: tlrk-icon-font;
font-size: 1em !important;
color: #3d57d8;
line-height: 1;
position: absolute;
top: 50%;
margin-top: -0.15em;
right: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.List--accordion .Question.expanded {
color: #555;
}
.List--accordion .Question.expanded::before {
transform: rotate(0deg);
}
.List--accordion .Answer {
background-color: #f5f6f7;
line-height: 1.4;
font-size: 18px;
padding: 18px 24px 20px 20px;
margin-top: 12px;
}
@media only screen and (max-width: 620px) {
.List--accordion {
margin-top: -1px;
}
}
</style>
<ul class="List List--accordion" data-sf-role="lists">
<li >
<a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">How are Kendo UI JavaScript components licensed?</a>
<div class="Answer" style="display:none;">
<p>Each developer wishing to use Kendo UI JavaScript components needs a license. Licenses are <a target="_blank" href="/purchase/kendo-ui">subscription-based</a>.</p><p>The <a href="https://www.telerik.com/kendo-react-ui/components/free" data-sf-ec-immutable="">KendoReact Free components</a> are free to use in prototyping, development, testing, and production according to the terms and conditions of the <a href="https://www.telerik.com/purchase/license-agreement/progress-kendoreact" data-sf-ec-immutable="">KendoReact EULA</a>. No sign-up or license is required.</p>
</div>
</li>
<li >
<a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Do you have Kendo UI JavaScript Component demos? </a>
<div class="Answer" style="display:none;">
Yes, each component has multiple demos, documentation, and sample code. Find them for <a href="https://demos.telerik.com/kendo-ui" target="_blank">jQuery</a>, <a href="/kendo-angular-ui/components/" target="_blank">Angular</a>, <a href="/kendo-react-ui/components/" target="_blank">React</a>, and <a href="/kendo-vue-ui/components/" target="_blank">Vue</a>.
</div>
</li>
<li >
<a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">What is included in the Kendo UI JavaScript Component bundle? </a>
<div class="Answer" style="display:none;">
<ul><li>Kendo UI is a bundle that includes four products: Kendo UI for jQuery, Kendo UI for Angular, KendoReact, and Kendo UI for Vue. </li><li>Each library contains components natively built for their associated framework </li><li>Documentation and demos </li><li>Video onboarding tutorial</li><li>Support </li></ul>
</div>
</li>
</ul>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
if (typeof FAQPAGEINITIALIZED == "undefined") {
var FAQSchema = document.createElement('script');
FAQSchema.setAttribute("type", "application/ld+json");
var arr = [];
document.querySelectorAll("a.Question").forEach(function(item){
arr.push(
{
"@type": "Question",
"name": item.innerText,
"acceptedAnswer": {
"@type": "Answer",
"text": item.nextElementSibling.innerText.trim().replace("\\s+", " ")
}
}
)
});
FAQSchema.innerHTML = '{"@context": "https://schema.org","@type": "FAQPage","mainEntity": [' + JSON.stringify(arr) + ']}'
document.head.append(FAQSchema);
FAQPAGEINITIALIZED = 1;
}
});
if (!window.faqToggleScriptLoaded) {
window.faqToggleScriptLoaded=true;
document.addEventListener("DOMContentLoaded", function(event) {
$('.Question').on('click', function(e) {
var wrapper = $(this).closest('[data-sf-role=lists]');
var content = $(this).closest('li').find('.Answer');
$('[data-sf-role=toggleLink]').not($(this)).removeClass('expanded');
$('.Answer').not(content).css('display', 'none');
});
});
}
</script>
</div>
</div>
</div>
</section>
<div class="Section u-bg-blue4 u-pt2 u-pb1 DC-Scroller--end" data-sf-element="Section" data-placeholder-label="Section Banner">
<div id="ContentPlaceholder1_C1168_Col00" class="sf_colsIn Section-bg Section-bg--n" data-sf-element="Section Background" data-placeholder-label="Section Background">
<img src="/sfimages/default-source/decorations/get-started-waves.svg?sfvrsn=f770ce3b_2" loading="lazy" title="Get Started" alt="Get Started" /></div>
<div id="ContentPlaceholder1_C1168_Col01" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"><div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1170_Col00" class="sf_colsIn col-9 u-m-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1">
<h2 class="u-c-white u-mt2 u-mb7">Get Started</h2><div class="row" data-sf-element="Row">
<div id="ContentPlaceholder1_C1171_Col00" class="sf_colsIn col-5" data-sf-element="Column 1" data-placeholder-label="Column 1">
<div class="Dropdown" data-tlrk-plugin="dropdown"><a data-sf-ec-immutable="" aria-label="Start Free Trial Button" href="#download-trial-file" class="Dropdown-control u-db Btn Btn--prim2 Btn--l u-fs24 track--kui-trial-cta3-dropdown">Start Free Trial <span class="Dropdown-arrow"></span></a>
<div class="DashMenu u-pa u-fs20 u-tac"><a class="u-db u-wsn track--kui-trial-cta3-jquery" href="/try/kendo-ui">UI for jQuery</a>
<a class="u-db u-wsn track--kui-trial-cta3-angular" href="/try/kendo-angular-ui">UI for Angular</a>
<a class="u-db u-wsn track--kui-trial-cta3-react" href="/try/kendo-react-ui">UI for React</a>
<a class="u-db u-wsn track--kui-trial-cta3-vue" href="/try/kendo-vue-ui">UI for Vue</a>
</div></div></div>
</div>
</div>
<div id="ContentPlaceholder1_C1170_Col01" class="sf_colsIn col-3 u-tar u-pl0 u-l-pl2 u-m-dn" data-sf-element="Column 2" data-placeholder-label="Column 2">
<img loading="lazy" src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/kendo-ui-web/kendo-illustration-prefooter@2x-min.png?sfvrsn=686d7abf_2" alt="kendo-illustration-prefooter@2x-min" /></div>
</div>
</div>
</div>
</div>
<footer class="TK-Footer" data-tlrk-nav-version="3.7.52" data-tlrk-nav-template="footer-big-rel-markup"><div class="TK-container"><div class="TK-row TK-No-Print"><div class="TK-col-8 TK--Footer-Desktop"><div class="TK-Footer-Featured-Item"><div class="TK-Footer-H">Complete .NET Toolbox</div><a href="/devcraft" class="TK-Footer-Featured-Link">Telerik DevCraft</a></div><div class="TK-Footer-Featured-Item"><div class="TK-Footer-H">Complete JavaScript Toolbox</div><a href="/kendo-ui" class="TK-Footer-Featured-Link">Kendo UI</a></div><div class="TK-Footer-Featured-Item"><div class="TK-Footer-H">Complete AI Toolbox</div><a href="/mcp-servers" class="TK-Footer-Featured-Link">MCP Servers</a> <a href="/ai-components" class="TK-Footer-Featured-Link">AI-Ready Components</a></div></div><div class="TK-col-16"><div class="TK-row"><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Get Products</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/download" class="TK-Footer-Link">Free Trials</a></li><li class="TK-Footer-List-Item"><a href="/purchase.aspx" class="TK-Footer-Link">Pricing</a></li></ul></div><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Resources</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/developer" class="TK-Footer-Link">Developer Experience Hub</a></li><li class="TK-Footer-List-Item"><a href="/support/demos" class="TK-Footer-Link">Demos</a></li><li class="TK-Footer-List-Item"><a href="/documentation" class="TK-Footer-Link">Documentation</a></li><li class="TK-Footer-List-Item"><a href="/support/whats-new/release-history" class="TK-Footer-Link">Release History</a></li><li class="TK-Footer-List-Item"><a href="/forums" class="TK-Footer-Link">Forums</a></li><li class="TK-Footer-List-Item"><a href="/blogs" class="TK-Footer-Link">Blogs</a></li><li class="TK-Footer-List-Item"><a href="/webinars" class="TK-Footer-Link">Webinars</a></li><li class="TK-Footer-List-Item"><a href="/services" class="TK-Footer-Link">Professional Services</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/partners/partner-locator?Products=KendoUI+and+Telerik" class="TK-Footer-Link">Partners</a></li><li class="TK-Footer-List-Item"><a href="/support/video-courses" class="TK-Footer-Link">Virtual Classroom</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/events" class="TK-Footer-Link">Events</a></li><li class="TK-Footer-List-Item"><a href="/faqs" class="TK-Footer-Link">FAQs</a></li></ul></div><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Recognition</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/about/success-stories" class="TK-Footer-Link">Success Stories</a></li><li class="TK-Footer-List-Item"><a href="/about/testimonials" class="TK-Footer-Link">Testimonials</a></li></ul></div><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Get in touch</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/contact" class="TK-Footer-Link">Contact Us</a></li><li><ul class="TK-Footer-List--inner"><li class="TK-Footer-List-Item"><a href="tel:+18886790442" class="TK-Footer-Phone-Link u-db">USA: <span class="TK-wsn">+1 888 679 0442</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+441344838186" class="TK-Footer-Phone-Link u-db">UK: <span class="TK-wsn">+44 13 4483 8186</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+914069019447" class="TK-Footer-Phone-Link u-db">India: <span class="TK-wsn">+91 406 9019447</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+35928099850" class="TK-Footer-Phone-Link u-db">Bulgaria: <span class="TK-wsn">+359 2 8099850</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+61370688610" class="TK-Footer-Phone-Link u-db">Australia: <span class="TK-wsn">+61 3 7068 8610</span></a></li></ul></li><li><ul class="TK-Footer-List--inner TK-Footer-List-Horizontal TK-Footer-List-Social"><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.facebook.com/TelerikandKendoUI" title="Facebook" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M16 7h-1.924C13.461 7 13 7.252 13 7.889V9h3l-.238 3H13v8h-3v-8H8V9h2V7.077C10 5.055 11.064 4 13.461 4H16zM5 0a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">105k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://x.com/telerik" title="X" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">50k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.linkedin.com/company/telerik" title="LinkedIn" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20 19h-3v-5.6c0-3.368-4-3.113-4 0V19h-3V8h3v1.765c1.4-2.586 7-2.777 7 2.476zM6.5 6.732a1.757 1.757 0 01-1.75-1.764A1.757 1.757 0 016.5 3.2a1.758 1.758 0 011.75 1.764A1.757 1.757 0 016.5 6.728zM5 19h3V8H5zM19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000" fill-rule="evenodd"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">17k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.twitch.tv/codeitlive" title="Twitch" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 23 24.05"><path d="M1.57.02L0 4.18V20.9h5.75v3.12h3.14l3.13-3.14h4.71L23 14.61V.02zm2.09 2.07h17.25v11.5l-3.66 3.66H11.5l-3.13 3.13v-3.13H3.66zm5.75 10.45h2.09V6.27H9.41zm5.75 0h2.09V6.27h-2.09z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">4k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.youtube.com/c/telerik" title="YouTube" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="18.287" viewBox="0 0 26 18.287"><path fill="#010101" d="M25.74 3.945a5.625 5.625 0 0 0-1.034-2.581 3.718 3.718 0 0 0-2.605-1.1c-3.638-.263-9.1-.263-9.1-.263h-.011s-5.458 0-9.1.263a3.719 3.719 0 0 0-2.605 1.1A5.623 5.623 0 0 0 .26 3.945 39.324 39.324 0 0 0 0 8.154v1.972a39.323 39.323 0 0 0 .26 4.208 5.623 5.623 0 0 0 1.033 2.58 4.408 4.408 0 0 0 2.867 1.112c2.08.2 8.84.261 8.84.261s5.463-.008 9.1-.271a3.719 3.719 0 0 0 2.605-1.1 5.625 5.625 0 0 0 1.035-2.582 39.377 39.377 0 0 0 .26-4.208V8.154a39.377 39.377 0 0 0-.26-4.209Zm-15.388 8.6V5.211l6.974 3.665Z"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">14k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://github.com/telerik" title="GitHub" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12,0A12.047,12.047,0,0,0,0,12,12.455,12.455,0,0,0,9.188,24V20.03a2.889,2.889,0,0,1-3.239-1.441c-.273-.46-.756-.959-1.26-.922l-.124-1.4a2.892,2.892,0,0,1,2.593,1.6,1.555,1.555,0,0,0,.9.772,1.89,1.89,0,0,0,1.181-.1,3.3,3.3,0,0,1,.827-1.691h0C6.942,16.382,5.7,14.724,5.2,13.415a5.506,5.506,0,0,1,.855-5.281A.188.188,0,0,0,6.1,7.989a4.6,4.6,0,0,1,.14-3.073,4.858,4.858,0,0,1,2.663,1l.337.2c.141.084.1.036.238.025A10.182,10.182,0,0,1,12,5.792a10.225,10.225,0,0,1,2.553.363l.109.011c-.01,0,.03-.007.1-.046,2.436-1.476,2.349-.993,3-1.206A4.682,4.682,0,0,1,17.9,7.989c-.071.218,2.112,2.217.9,5.426-.494,1.309-1.74,2.968-4.866,3.434h0a3.086,3.086,0,0,1,.879,2.2V24A12.454,12.454,0,0,0,24,12,12.047,12.047,0,0,0,12,0Z"></path></svg></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://discord.gg/pQXvHhjb7e" title="Discord" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19"><path d="M15.335 0c-.233.416-.444.846-.634 1.285a18.474 18.474 0 0 0-5.48 0c-.186-.44-.4-.87-.634-1.285a19.93 19.93 0 0 0-4.94 1.524C.525 6.154-.32 10.665.1 15.114a19.84 19.84 0 0 0 6.057 3.043c.492-.659.926-1.361 1.298-2.093a13.114 13.114 0 0 1-2.042-.974c.171-.124.338-.254.5-.378a14.208 14.208 0 0 0 12.11 0c.162.134.329.263.5.378-.653.387-1.336.712-2.047.98.372.73.807 1.433 1.298 2.092a19.832 19.832 0 0 0 6.057-3.039c.497-5.16-.85-9.633-3.556-13.594A19.623 19.623 0 0 0 15.34.009L15.335 0zM7.99 12.376c-1.179 0-2.157-1.07-2.157-2.394s.94-2.399 2.152-2.399c1.213 0 2.177 1.08 2.157 2.399-.019 1.319-.95 2.394-2.152 2.394zm7.952 0c-1.184 0-2.153-1.07-2.153-2.394s.94-2.399 2.153-2.399c1.212 0 2.171 1.08 2.152 2.399-.019 1.319-.95 2.394-2.152 2.394z"/></svg></a></li></ul></li></ul></div></div><div class="TK-row TK-row--M2 TK--Footer-Mobile"><div class="TK-col-24"><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/contact" class="TK-Footer-Link">Contact Us</a></li><li><ul class="TK-Footer-List--inner TK-Footer-List-Horizontal TK-Footer-List-Social"><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.facebook.com/TelerikandKendoUI" title="Facebook" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M16 7h-1.924C13.461 7 13 7.252 13 7.889V9h3l-.238 3H13v8h-3v-8H8V9h2V7.077C10 5.055 11.064 4 13.461 4H16zM5 0a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">105k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://x.com/telerik" title="X" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">50k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.linkedin.com/company/telerik" title="LinkedIn" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20 19h-3v-5.6c0-3.368-4-3.113-4 0V19h-3V8h3v1.765c1.4-2.586 7-2.777 7 2.476zM6.5 6.732a1.757 1.757 0 01-1.75-1.764A1.757 1.757 0 016.5 3.2a1.758 1.758 0 011.75 1.764A1.757 1.757 0 016.5 6.728zM5 19h3V8H5zM19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000" fill-rule="evenodd"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">17k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.twitch.tv/codeitlive" title="Twitch" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 23 24.05"><path d="M1.57.02L0 4.18V20.9h5.75v3.12h3.14l3.13-3.14h4.71L23 14.61V.02zm2.09 2.07h17.25v11.5l-3.66 3.66H11.5l-3.13 3.13v-3.13H3.66zm5.75 10.45h2.09V6.27H9.41zm5.75 0h2.09V6.27h-2.09z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">4k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.youtube.com/c/telerik" title="YouTube" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="18.287" viewBox="0 0 26 18.287"><path fill="#010101" d="M25.74 3.945a5.625 5.625 0 0 0-1.034-2.581 3.718 3.718 0 0 0-2.605-1.1c-3.638-.263-9.1-.263-9.1-.263h-.011s-5.458 0-9.1.263a3.719 3.719 0 0 0-2.605 1.1A5.623 5.623 0 0 0 .26 3.945 39.324 39.324 0 0 0 0 8.154v1.972a39.323 39.323 0 0 0 .26 4.208 5.623 5.623 0 0 0 1.033 2.58 4.408 4.408 0 0 0 2.867 1.112c2.08.2 8.84.261 8.84.261s5.463-.008 9.1-.271a3.719 3.719 0 0 0 2.605-1.1 5.625 5.625 0 0 0 1.035-2.582 39.377 39.377 0 0 0 .26-4.208V8.154a39.377 39.377 0 0 0-.26-4.209Zm-15.388 8.6V5.211l6.974 3.665Z"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">14k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://github.com/telerik" title="GitHub" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12,0A12.047,12.047,0,0,0,0,12,12.455,12.455,0,0,0,9.188,24V20.03a2.889,2.889,0,0,1-3.239-1.441c-.273-.46-.756-.959-1.26-.922l-.124-1.4a2.892,2.892,0,0,1,2.593,1.6,1.555,1.555,0,0,0,.9.772,1.89,1.89,0,0,0,1.181-.1,3.3,3.3,0,0,1,.827-1.691h0C6.942,16.382,5.7,14.724,5.2,13.415a5.506,5.506,0,0,1,.855-5.281A.188.188,0,0,0,6.1,7.989a4.6,4.6,0,0,1,.14-3.073,4.858,4.858,0,0,1,2.663,1l.337.2c.141.084.1.036.238.025A10.182,10.182,0,0,1,12,5.792a10.225,10.225,0,0,1,2.553.363l.109.011c-.01,0,.03-.007.1-.046,2.436-1.476,2.349-.993,3-1.206A4.682,4.682,0,0,1,17.9,7.989c-.071.218,2.112,2.217.9,5.426-.494,1.309-1.74,2.968-4.866,3.434h0a3.086,3.086,0,0,1,.879,2.2V24A12.454,12.454,0,0,0,24,12,12.047,12.047,0,0,0,12,0Z"></path></svg></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://discord.gg/pQXvHhjb7e" title="Discord" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19"><path d="M15.335 0c-.233.416-.444.846-.634 1.285a18.474 18.474 0 0 0-5.48 0c-.186-.44-.4-.87-.634-1.285a19.93 19.93 0 0 0-4.94 1.524C.525 6.154-.32 10.665.1 15.114a19.84 19.84 0 0 0 6.057 3.043c.492-.659.926-1.361 1.298-2.093a13.114 13.114 0 0 1-2.042-.974c.171-.124.338-.254.5-.378a14.208 14.208 0 0 0 12.11 0c.162.134.329.263.5.378-.653.387-1.336.712-2.047.98.372.73.807 1.433 1.298 2.092a19.832 19.832 0 0 0 6.057-3.039c.497-5.16-.85-9.633-3.556-13.594A19.623 19.623 0 0 0 15.34.009L15.335 0zM7.99 12.376c-1.179 0-2.157-1.07-2.157-2.394s.94-2.399 2.152-2.399c1.213 0 2.177 1.08 2.157 2.399-.019 1.319-.95 2.394-2.152 2.394zm7.952 0c-1.184 0-2.153-1.07-2.153-2.394s.94-2.399 2.153-2.399c1.212 0 2.171 1.08 2.152 2.399-.019 1.319-.95 2.394-2.152 2.394z"/></svg></a></li></ul></li></ul></div></div></div></div><div class="TK-row TK-row--M1"><div class="TK-col-24"><a href="https://www.progress.com" aria-label="Go to Progress.com" class="TK-PRGS-Logo-Footer"><svg xmlns="http://www.w3.org/2000/svg" width="130" height="30" viewBox="0 0 512 120"><path fill="#5ce500" d="M95.52 29.33v51a3.93 3.93 0 0 1-1.78 3.08l-1.67 1-12.72 7.35-8.59 5-1.78 1V42.6L21.23 15 43.91 1.93 46 .74a3.94 3.94 0 0 1 3.56 0L81 18.9l14.51 8.38v2.05zM58.36 48.72l-9.79-5.66-22.91-13.23a4 4 0 0 0-3.56 0L1.77 41.57 0 42.6l34.49 19.91v39.83l20.3-11.73 1.79-1a3.94 3.94 0 0 0 1.78-3.08V48.72zM0 82.43l23.86 13.78V68.63z"></path><path fill="#4b4e52" d="M148.09 27.28h-26v70.48h11.55V70.1h14.57c15.77 0 24.45-7.7 24.45-21.69 0-6.35-2.4-21.12-24.55-21.12m12.78 21.31c0 7.95-4.12 11.19-14.24 11.19h-13v-22.1h14.57c8.56 0 12.71 3.57 12.71 10.91M207 46.41l.87.42-2 10.42-1.35-.42a11.32 11.32 0 0 0-3.34-.51c-10.79 0-11.67 8.59-11.67 19v22.44h-10.64V46h10v6.24c2.73-4.2 6-6.37 10.37-6.9a14.55 14.55 0 0 1 7.76 1.07M233.29 45c-8.42 0-15.16 3.2-19.5 9.27-4.56 6.37-5.23 13.85-5.23 17.74 0 16.36 9.7 26.92 24.73 26.92 18.26 0 24.73-14.71 24.73-27.3 0-7.25-2.15-13.82-6-18.51-4.41-5.31-10.87-8.12-18.7-8.12m0 44.38c-8.37 0-13.57-6.66-13.57-17.37s5.2-17.55 13.57-17.55S247 61.23 247 71.78c0 10.83-5.24 17.56-13.66 17.56m114.55-42.93l.87.42-2 10.42-1.35-.42a11.26 11.26 0 0 0-3.33-.51c-10.78 0-11.66 8.59-11.66 19v22.44h-10.66V46h10v6.24c2.73-4.2 6-6.37 10.37-6.9a14.54 14.54 0 0 1 7.73 1.06m38.4 34.76l-.2.57c-2.23 6.36-7.57 7.7-11.65 7.7-8.09 0-13.3-5.37-13.81-14.09h36.59l.13-1a31.26 31.26 0 0 0 .12-4.12v-.93C396.93 54.78 387.48 45 374 45c-7.9 0-14.37 3.1-18.73 9a30.85 30.85 0 0 0-5.54 18c0 16 9.95 26.74 24.74 26.74 11.45 0 19.33-5.82 22.2-16.38l.33-1.2h-10.7zM361 66.05c.9-7.17 5.81-11.73 12.79-11.73 5.33 0 11.64 3.1 12.52 11.73H361zm-60.7-15.71c-3.45-3.58-8.06-5.39-13.76-5.39-15.69 0-22.83 13.81-22.83 26.63 0 13.16 7.06 26.44 22.83 26.44a18.33 18.33 0 0 0 13.35-5.42c0 2.28-.1 4.45-.16 5.38-.58 8.54-4.68 12.51-12.91 12.51-4.47 0-9.61-1.59-10.6-6l-.22-1h-10.54l.17 1.41c1.1 9.12 9.11 14.79 20.9 14.79 10.34 0 17.7-3.9 21.28-11.26 1.73-3.55 2.6-8.72 2.6-15.37V46h-10.13v4.34zm-13.11 38.15c-3.74 0-12.43-1.69-12.43-17.37 0-10.3 4.87-16.7 12.71-16.7 6.06 0 12.52 4.39 12.52 16.7 0 10.87-4.79 17.37-12.81 17.37m159.67-6.31c0 8.23-6.83 16.53-22.09 16.53-13.5 0-21.53-5.85-22.61-16.45l-.15-1.1h10.52l.21.84c1.29 6.38 7.37 7.72 12.24 7.72 5.34 0 11-1.72 11-6.54 0-2.44-1.59-4.18-4.73-5.16-1.86-.55-4.15-1.2-6.56-1.87-4.16-1.16-8.47-2.38-11.12-3.29-6.56-2.35-10.33-6.93-10.33-12.56 0-10.43 10.16-15.11 20.22-15.11 13.46 0 20.42 5.07 21.3 15.49l.09 1.07H434.5l-.14-.82c-1-6-7-6.9-10.48-6.9-3 0-10 .53-10 5.5 0 2.25 1.93 3.91 5.89 5.06 1.18.33 2.94.78 5 1.31 4.22 1.09 9.48 2.46 12.13 3.37 6.59 2.32 9.93 6.67 9.93 13m49.39 0c0 8.23-6.83 16.53-22.09 16.53-13.5 0-21.53-5.85-22.61-16.45l-.11-1.09H462l.12.74c1.29 6.38 7.37 7.72 12.24 7.72 5.34 0 11-1.72 11-6.54 0-2.44-1.59-4.18-4.72-5.16-1.86-.55-4.15-1.2-6.57-1.87-4.16-1.16-8.46-2.38-11.11-3.29-6.57-2.35-10.33-6.93-10.33-12.56 0-10.43 10.16-15.11 20.22-15.11 13.46 0 20.42 5.07 21.29 15.49l.09 1.07H483.9l-.14-.82c-1-6-7-6.9-10.48-6.9-3 0-9.95.53-9.95 5.5 0 2.25 1.93 3.91 5.89 5.06 1.18.33 2.94.78 5 1.31 4.22 1.09 9.48 2.46 12.13 3.37 6.58 2.32 9.93 6.67 9.93 13m8.43-30.78a7.37 7.37 0 1 1 7.29-7.37 7.23 7.23 0 0 1-7.29 7.37m0-13.49a6.12 6.12 0 1 0 6 6.12 5.91 5.91 0 0 0-6-6.12m-.85 7.49v2.46h-2.17v-7.74h3.62a2.58 2.58 0 0 1 2.86 2.7 2.26 2.26 0 0 1-1.49 2.34l1.77 2.7H506l-1.49-2.46h-.68zm1.21-3.49h-1.21v1.73h1.21a.86.86 0 0 0 1-.85.88.88 0 0 0-1-.89"></path></svg></a></div></div><div class="TK-row"><div class="TK-col-12"><p class="TK-Footer-About">Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.</p></div><div class="TK-col-24"><div class="TK-row--M3 TK--Footer-Desktop"><ul class="TK-Footer-List-Horizontal"><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company">Company</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/products">Technology</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/awards">Awards</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://investors.progress.com/press-releases">Press Releases</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/press-coverage">Media Coverage</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/careers">Careers</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/offices">Offices</a></li></ul></div></div></div><div class="TK-row TK-row--M2 TK--Footer-Mobile"><div class="TK-col-24"><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company" class="TK-Footer-Link">Company</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/products" class="TK-Footer-Link">Technology</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/awards" class="TK-Footer-Link">Awards</a></li><li class="TK-Footer-List-Item"><a href="https://investors.progress.com/press-releases" class="TK-Footer-Link">Press Releases</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/press-coverage" class="TK-Footer-Link">Media Coverage</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/careers" class="TK-Footer-Link">Careers</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/offices" class="TK-Footer-Link">Offices</a></li></ul></div></div><div class="TK-row"><div class="TK-col-16"><p class="TK-Footer-Copy">Copyright © 2026 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.</p><p class="TK-Footer-Copy">Progress and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See <a href="https://www.progress.com/legal/trademarks" class="TK-Footer-Link-Tiny">Trademarks</a> for appropriate markings. All rights in any other trademarks contained herein are reserved by their respective owners and their inclusion does not imply an endorsement, affiliation, or sponsorship as between Progress and the respective owners.</p></div><div class="TK-col-8 TK-tar"><ul class="TK-Footer-List-Horizontal"><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="/about/terms-of-use" class="TK-Footer-Link-Tiny">Terms of Use</a></li><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="/feedback" class="TK-Footer-Link-Tiny">Site Feedback</a></li><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="https://www.progress.com/legal/privacy-center" class="TK-Footer-Link-Tiny" target="_blank" rel="noopener">Privacy Center</a></li><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="https://www.progress.com/trust-center" class="TK-Footer-Link-Tiny" target="_blank" rel="noopener">Trust Center</a></li></ul><div class="TLRK-CCPA"><a href="https://forms.progress.com/ccpa-subscription" target="_blank" rel="nofollow noopener">Do Not Sell or Share My Personal Information</a></div><p class="TK-Footer-Power">Powered by <a href="https://www.progress.com/sitefinity-cms" class="TK-Footer-Link-Tiny">Progress Sitefinity</a></p></div></div></div></footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.4.1/jquery-migrate.min.js" type="text/javascript"></script>
<script type="text/javascript">
var oneTrustHelper = (function () {
function evalGTMScript() {
var gtmScript = document.getElementById("GTMScript");
gtmScript.type = "text/javascript";
gtmScript.classList.remove("optanon-category-1");
eval(gtmScript.innerHTML);
};
return {
gtmFallback: function () {
console.warn('OneTrust not loaded.');
if (document.readyState !== 'loading') {
evalGTMScript();
} else {
document.addEventListener('readystatechange', function () {
if (document.readyState === 'interactive') {
evalGTMScript();
}
});
};
}
};
})();
</script>
<script onerror="oneTrustHelper.gtmFallback()" src="https://cdn.cookielaw.org/consent/3dfce4f2-dab6-4128-9f33-df7e0597da82/otSDKStub.js" data-language="en" type="text/javascript" charset="UTF-8" data-domain-script="3dfce4f2-dab6-4128-9f33-df7e0597da82"></script>
<script type="text/javascript">
(function (w) {
w.OptanonGroups = {"StrictlyNecessaryCookies":"1","PerformanceCookies":"2","FunctionalCookies":"3","TargetingCookies":"4"};
w.isOptanonGroupActive = function (groupId, explicit) {
if (!w.OptanonActiveGroups) return false;
var groupMatchKey = ',' + groupId + ',';
return w.OptanonActiveGroups.indexOf(groupMatchKey) !== -1;
}
function toggleSitefinityTrackingConsent() {
var performanceCookiesGroupId = w.OptanonGroups.PerformanceCookies;
var isPerformanceCookiesGroupIdActive = w.isOptanonGroupActive(performanceCookiesGroupId, true);
if (w.TrackingConsentManager) {
w.TrackingConsentManager.updateUserConsent(isPerformanceCookiesGroupIdActive);
}
};
var trackingScriptsQueue = [];
w.invokeTrackingScript = function (thisReference, trackingGroup, functionReference) {
if (isOptanonGroupActive(trackingGroup, true)) {
functionReference.call(thisReference);
}
else {
trackingScriptsQueue.push({
thisReference: thisReference,
trackingGroup: trackingGroup,
functionReference: functionReference
});
}
}
var isOptanonToggled = false;
var preferenceChangeHandlerAdded = false;
w.OptanonWrapper = function () {
var newTrackingScriptsQueue = [];
for (var i = 0; i < trackingScriptsQueue.length; i++) {
var trackingScriptData = trackingScriptsQueue[i];
if (isOptanonGroupActive(trackingScriptData.trackingGroup, true)) {
trackingScriptData.functionReference.call(trackingScriptData.thisReference);
}
else {
newTrackingScriptsQueue.push(trackingScriptData);
}
}
trackingScriptsQueue = newTrackingScriptsQueue;
if (!isOptanonToggled && w.location.hash === '#cookie-settings' && true) {
isOptanonToggled = true;
Optanon.ToggleInfoDisplay();
}
if(!preferenceChangeHandlerAdded){
OneTrust.OnConsentChanged(function() {
// Trigger cookie check process after user makes changes to allowed cookie groups from the OneTrust cookie settings dialog.
$.ajax(
{
url: '/webapi/CookiePreferences/Update',
type: 'HEAD'
});
});
preferenceChangeHandlerAdded = true;
}
toggleSitefinityTrackingConsent();
}
})(window);
</script>
<script>
// global variables
var telerikId;
var tlrkUser;
</script> <script>
(async function () {
const response = await fetch("/webapi/UserTracking/RetrieveTelerikId", {
method: "GET",
cache: "no-cache",
});
const model = await response.json();
telerikId = model.telerikId;
tlrkUser = { isAuthenticated: !!telerikId };
if (document.addEventListener) {
window.dataLayer = window.dataLayer || [];
dataLayer.push({ uniqueId: model.userId, telerikId });
dataLayer.push({ event: "persistuuid" })
}
})();
</script> <script id="GTMScript" type="text/plain" class="optanon-category-1" >
function isMobileDevice() {
var result = false;
var matches = [
/(Windows Phone(?: OS)?)\s(\d+)\.(\d+(\.\d+)?)/,
/(Silk)\/(\d+)\.(\d+(\.\d+)?)/,
/(Android|Android.*(?:Opera|Firefox).*?\/)\s*(\d+)\.?(\d+(\.\d+)?)?/,
/(iPhone|iPod).*OS\s+(\d+)[\._]([\d\._]+)/,
/(iPad).*OS\s+(\d+)[\._]([\d_]+)/,
/(MeeGo).+NokiaBrowser\/(\d+)\.([\d\._]+)/,
/(webOS)\/(\d+)\.(\d+(\.\d+)?)/,
/(BlackBerry|BB10).*?Version\/(\d+)\.(\d+(\.\d+)?)/,
/(PlayBook).*?Tablet\s*OS\s*(\d+)\.(\d+(\.\d+)?)/,
/(MSIE)\s+(\d+)\.(\d+(\.\d+)?)/,
/(tizen).*?Version\/(\d+)\.(\d+(\.\d+)?)/i,
/(sailfish).*rv:(\d+)\.(\d+(\.\d+)?).*firefox/i,
/(Mobile).*rv:(\d+)\.(\d+(\.\d+)?).*Firefox/
];
for (var i = 0; i < matches.length; i++) {
result = matches[i].test(window.navigator.userAgent);
if (result) {
break;
}
}
return result;
}
(function () {
'use strict';
window.dataLayer = window.dataLayer || []; dataLayer.push({ isTelerikMarketingWebsite: true });
if (isMobileDevice()) {
return;
}
(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-6X92');
})();
</script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-6X92" height="0" width="0" style="display: none; visibility: hidden"></iframe> </noscript> <script type="text/plain" class="optanon-category-2">
!function (e) { function n() { if (e && r()) { var n = t(); i(e, n) } } function i(e, n) { l.post(u, new c({ telerikId: e, uniqueId: n })) } function t() { for (var e = document.cookie.split(";"), n = "gauuid", i = 0; i < e.length; i++) { for (var t = e[i]; " " === t.charAt(0);)t = t.substring(1, t.length); if (0 === t.indexOf(n)) return t.substring(n.length, t.length).replace("=", "") } return null } function r() { var e = new Date; if (null === localStorage.getItem(a)) return o(e), !0; var n = Date.parse(localStorage.getItem(a)); if (isNaN(n)) return !1; var i = new Date(n); return i.setTime(i.getTime() + 6048e5) < e ? (o(e), !0) : !1 } function o(e) { localStorage.setItem(a, e.toISOString()) } if (window.jQuery) { var l = window.jQuery, u = window.location.origin + "/services/callhomeservice/api/userlogged", a = "call-home-client-key-user-logged", c = function (e) { this.telerikId = e.telerikId, this.uniqueId = e.uniqueId }; l(document).ready(function () { n() }), window.__callhome__ || (window.__callhome__ = {}), window.__callhome__.verify = r, window.__callhome__.init = n } }(telerikId);
</script> <script src="https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.Widgets.SEO/Mvc/Scripts/Shared/referrer-policy.min.js?package=PureMvc&v=MTYyOTQ3NzU3MQ%3d%3d" type="text/javascript"></script><script src="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Lists/Mvc/Scripts/Lists/lists.min.js?package=PureMvc&v=LTE1NjE3Mzg2NDc%3d" type="text/javascript"></script><script src="https://dtzbdy9anri2p.cloudfront.net/cache/ff307eaa54e1b8854a96d0e69fc7954b734f3a49/telerik/js/dist/all.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function() {
if (window._dataLayerTimeout) {
clearTimeout(window._dataLayerTimeout);
}
window._dataLayerTaxLoadedEvent = {
...(window._dataLayerTaxLoadedEvent || {}),
...{"tax_pagenode_products":"kendo-ui","event":"tax_loaded"}
};
window._dataLayerTimeout = setTimeout(function() {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push(window._dataLayerTaxLoadedEvent);
});
})();
</script><script type="text/plain" class="optanon-category-2">
(function() {
var script = 'https://s1325.t.eloqua.com/visitor/v200/svrGP?pps=70&siteid=1325';
(function getScript(source, callback) {
var script = document.createElement('script');
var prior = document.getElementsByTagName('script')[0];
script.async = 1;
prior.parentNode.insertBefore(script, prior);
script.onload = script.onreadystatechange = function( _, isAbort ) {
if(isAbort || !script.readyState || /loaded|complete/.test(script.readyState) ) {
script.onload = script.onreadystatechange = null;
script = undefined;
if(!isAbort) { if(callback) callback(); }
}
};
script.src = source;
})(script, function() {
if (typeof GetElqCustomerGUID == 'function') {
var userId = GetElqCustomerGUID();
document.cookie = 'elqUserId=' + userId + ';secure; path=/;SameSite=Lax;';
}
});
})();
</script><script type="application/json" id="PersonalizationTracker">
{"IsPagePersonalizationTarget":false,"IsUrlPersonalizationTarget":false,"PageId":"17d7f764-6099-4dba-8b75-aa7981fca36c"}
</script><script type="text/javascript" src="/WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPhr-2awQiGC1t4afxFkRlQ9hya2sD15bGrdgIYxV5oymd7lM20nXinlfNQ7rubKudQ2RDNHnt0G9zqYW8HltmFjcKKorrcw5dV0tBFxsPvDHJP04y9syTz7mNZS4jPK7kvcqYvWCXk_9LL20Ml6lJlZfLS7RIWZnqaGGXv0sk0sXw5161BHGhvkqb9uCayn9Kq57pV9u23lE6Pml2fnEAC01&t=639198240780000000">
</script><script type="text/javascript">
window.addEventListener("DOMContentLoaded",()=>{var h=$('[class*="sctn-"]'),t=!1,n=$(".DC-scroller"),u=$(".DC-Scroller--end"),i=n.children("a:not(.Btn)"),f=$("html, body");function c(n){n.preventDefault();f.not(":animated").addClass("is-scrolling").animate({scrollTop:$("."+$(n.target).data("scrollto")).offset().top},1200,"easeInOutQuart").promise().done(function(){f.removeClass("is-scrolling");let t=document.querySelector("."+n.target.getAttribute("data-scrollto"));t.tabIndex=0;t.focus();t.tabIndex=-1})}function r(t){var r=t||!1;if(r){var u=i.filter('[data-scrollto="'+r+'"]'),f=u.hasClass("has-light-bg")?!0:!1;u.addClass("is-active").siblings().removeClass("is-active");f?n.addClass("DC-scroller--light"):n.removeClass("DC-scroller--light")}else i.removeClass("is-active")}function e(n){var r=n.offset().top,f=r+n.outerHeight(),t=$(window).scrollTop(),i=t+$(window).height();return n==u?f-1/4*(i-t)>t&&r<i-1/4*(i-t):f-1/2*(i-t)>t&&r<i-1/2*(i-t)}function o(){if(!n.hasClass("is-paused")){var t=n.offset();n.css({position:"absolute",left:t.left+"px",top:t.top+"px"});n.addClass("is-paused")}}function l(){n.hasClass("is-paused")&&(n.removeAttr("style"),n.removeClass("is-paused"))}function s(i){t=i||t;var f=0;if(t){if(t=!1,e(u))return r("sctn-FAQs"),o(),!1;h.each(function(t,i){var u=$(i);if(e(u)){var s=u.attr("class").match(/(sctn-[a-zA-Z0-9-_]*)/g)[0]||!1;return s==="sctn-CTA-bottom"?(o(),n.css({visibility:"hidden"}),!1):(r(s),l(),f++,!1)}});f===0&&r(!1)}}function a(){t=!0}i.on("click",c);$(window).on("scroll",a);window.setInterval(s,16);s(!0)})
</script><script type="text/javascript">
function lazyLoadCSS(){if(window.innerWidth>960){const n=document.createElement("link");n.type="text/css";n.rel="stylesheet";n.href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.bootstrap-v4.min.css";const t=document.getElementsByTagName("link")[0];t.parentNode.insertBefore(n,t)}}document.addEventListener("DOMContentLoaded",function(){lazyLoadCSS()})
</script><script type="text/javascript">
(function(){const t=window.location.hash.split("#"),i=document.querySelectorAll(".Question");function r(n){n.preventDefault();history.pushState(null,null,n.currentTarget.getAttribute("href"))}function u(){i.forEach(function(n){const t=n.innerText.replace("➡","").trim().replace(/\?|,/g,"").replace(/\s|\.|[^a-zA-Z-]/g,"-").toLowerCase();n.setAttribute("id",t);n.setAttribute("href","#"+t);n.addEventListener("click",r)})}function n(){t.forEach(function(n){if(n!==""&&n!="all-components"){const t=document.querySelector("#"+n);t&&(t.classList.add("expanded"),t.nextElementSibling.style.display="block",document.querySelector("#faqs").scrollIntoView())}})}function f(){u();n()}window.addEventListener("load",f);window.addEventListener("hashchange",n)})()
</script><script type="text/javascript">
$(function(){$(".TK-Menu-Item-Link").each(function(){$(this).text().indexOf("Overview")==0&&$(this).addClass("TK-Item--Selected").attr("href",document.location.href)})})
</script> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://www.telerik.com/",
"sameAs": [
"https://x.com/telerik",
"https://www.youtube.com/c/telerik",
"https://www.linkedin.com/company/telerik",
"https://en.wikipedia.org/wiki/Telerik",
"https://github.com/telerik",
"https://www.facebook.com/telerik",
"https://www.twitch.tv/codeitlive"
],
"logo": "https://d585tldpucybw.cloudfront.net/sfimages/default-source/blogs/author-images/progress-blog-default-logo-transparent.png",
"name": "Progress Telerik",
"description": "Save time building sleek web, mobile and desktop apps with professional .NET UI Components, JavaScript UI Libraries, Reporting and Automated Testing solutions.",
"telephone": "+1 800 213 3407",
"address": {
"@type": "PostalAddress",
"streetAddress": "15 Wayside Rd, Suite 400",
"addressLocality": "Burlington",
"addressCountry": "US",
"postalCode": "01803"
}
}
</script> <script type="text/plain" class="optanon-category-2"> !function () { function loadEloqua() { if (void 0 === window._elqQ || window._elqQ.constructor !== Array || "elqSetSiteId" !== window._elqQ[0][0] || "1325" !== window._elqQ[0][1]) { window.dataLayer = window.dataLayer || [], window._elqQ = window._elqQ || [], window._elqQ.push(["elqSetSiteId", "1325"]), window._elqQ.push(["elqTrackPageView", window.location.href]), window.dataLayer.push({ event: "elqQ_loaded" }); var s = document.createElement("script"); s.type = "text/javascript", s.async = !0, s.src = "//img.en25.com/i/elqCfg.min.js"; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x) } } function loadGA() { window._gaq = window._gaq || [], window._gaq.push(["_setAccount","UA-111455-1"], ["_setDomainName", ".telerik.com"], ["_addIgnoredRef", "telerik.com"], ["_trackPageview"]); var ga = document.createElement("script"); ga.type = "text/javascript", ga.async = !0, ga.src = ("https:" == document.location.protocol ? "https://" : "http://") + "stats.g.doubleclick.net/dc.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s) } isMobileDevice() && (loadGA(), loadEloqua()) }();</script> <script type="text/javascript" defer src='https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.SitefinityExtensions.EloquaConnector/Scripts/BrowserSessionStorage.min.js?package=PureMvc&v=LTEyMjgzMzAzMDI%3d&v=LTEyMjgzMzAzMDI%3d'></script> <script type="text/javascript" defer src='https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.SitefinityExtensions.EloquaConnector/Scripts/SetBrowserSessionStorage.min.js?package=PureMvc&v=LTEyMjgzMzAzMDI%3d&v=LTEyMjgzMzAzMDI%3d)'></script> </body> </html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 203
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 203 слишком много. Проведите оптимизацию сайта!
На странице присутствуют внутренние ссылки с пустым анкором: 1!
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 7.
Показать первые 100 внутренних ссылок
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /agent-harness-early-access |
Join the Progress Agent Harness Early Access Program
|
|
Анализировать url |
| / |
<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="60" viewbox="0 0 49 60.3"><path fill="#5ce500" d="M11.2 14.9L0 21.3l17.4 10.1v20.1l11.2-6.4c.5-.3.9-1 .9-1.6V24.4L13 14.9c-.5-.3-1.3-.3-1.8 0z"></path><path fill="#5ce500" d="M12.1 48.4V34.5L0 41.5zM25 .2c-.5-.3-1.3-.3-1.8 0L10.7 7.4l24.1 13.9v27.9L47.3 42c.5-.3.9-1 .9-1.6V13.6L25 .2z"></path></svg>
|
|
Анализировать url |
| /devcraft |
<div class="TK-Bundle-Icon TK--Desktop"><svg xmlns="http://www.w3.org/2000/svg" width="210" height="90" fill="none" viewbox="0 0 210 90"><g clip-path="url(#clip0_142_1561)"><rect width="210" height="88" y="-.667" fill="#dcecff" rx="5"></rect><path fill="#cdd6f9" d="M210 76.233h-44.382v-51.56H210z"></path><g clip-path="url(#clip1_142_1561)"><path fill="#2b2bb2" d="M151.069 68.52h44.386v22.646c0 4.716-2.26 8.545-5.044 8.545h-34.298c-2.784 0-5.044-3.83-5.044-8.545zm-.002-40.53h44.386V13.476c0-3.023-2.26-5.477-5.044-5.477h-34.298c-2.784 0-5.044 2.454-5.044 5.477zm-24.998-15.069h-18.411v5.54h18.411z"></path><path stroke="#fff" stroke-miterlimit="10" stroke-width="1.12" d="m109.802 14.936 1.766 1.51 1.764-1.51 1.763 1.51 1.766-1.51 1.764 1.51 1.766-1.51 1.766 1.51 1.768-1.51"></path><path fill="#5777ea" d="M195.453 18.042h-44.382v58.191h44.382z"></path><path stroke="#0357ff" d="M153.458 18.578H96.685v49.269h56.773z"></path><path fill="#829dfa" d="M174.664 18.042h-67.006V68.41h67.006z"></path><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" clip-path="url(#clip2_142_1561)"><path stroke="#fc3" d="m123.571 27.581-9.237-.057"></path><path stroke="#fff" d="m117.767 33.647 8.914.057"></path><path stroke="#cdffca" d="m132.167 33.722 8.908.051"></path><path stroke="#fff" d="m117.733 39.753 18.504.115m5.492.017 29.725.183m-53.761 5.785 13.928.086m5.486.017 31.334.195m-50.782 5.808 29.97.183"></path><path stroke="#cdffca" d="m153.121 52.16 29.72.183M117.62 58.06l22.648.142"></path><path stroke="#fff" d="m144.338 58.22 23.557.143m4.071.017 15.843.098"></path></g></g><g clip-path="url(#clip3_142_1561)"><path fill="#e26841" d="M57.489 47.81c.13.018-1.6-11.25 4.573-15.705 4.566-3.294 9.575-.097 20.417-3.418a41 41 0 0 0 5.953-2.345l2.561 3.895a24.5 24.5 0 0 1-5.337 1.998c-3.373.828-6.246.754-11.493.587-3.725-.12-6.125-.399-9.419.753a11 11 0 0 0-2.13.914c-5.45 3.266-5.252 13.302-5.125 13.32"></path><path fill="#e26841" d="M57.305 44.42a12.34 12.34 0 0 1 3.422-6.972c2.582-2.531 5.671-3.041 7.997-3.394 4.924-.747 8.216.375 10.958.795 4.206.644 10.375.132 18.762-5.208l1.109 5.764a34.1 34.1 0 0 1-11.87 3.5c-10.925 1.084-17.198-3.974-24.233-.47-3.163 1.572-5.072 4.178-6.145 5.985"></path><path fill="#000" d="M82.257 73.544 92.385 83.76l-8.682 3.5-10.705-11.09V62.161h9.259z"></path><path fill="#e26841" d="M87.572 86.964a18.83 18.83 0 0 0-5.576-8.835A18.6 18.6 0 0 0 72.6 73.67h-.003a18.5 18.5 0 0 0-8.382.59 18.6 18.6 0 0 0-7.276 4.24v8.464z"></path><path fill="#14254c" d="M72.598 86.964a7.6 7.6 0 0 0-.6-5.074 7.52 7.52 0 0 0-3.666-3.528 7.44 7.44 0 0 0-8.198 1.44 7.6 7.6 0 0 0-1.681 2.411 37 37 0 0 0-1.66 4.75z"></path><path fill="#000" d="m56.911 58.307 19.27.058-1.612 15.179 3.8 12.343-21.432.049z"></path><path fill="#14254c" d="M75.816 73.542H73.4a16.3 16.3 0 0 1-6.3-1.263 16.5 16.5 0 0 1-5.34-3.6 16.6 16.6 0 0 1-3.57-5.386 16.7 16.7 0 0 1-1.253-6.353V44.873a6.67 6.67 0 0 1 1.928-4.696 6.56 6.56 0 0 1 4.654-1.946h2.417c2.162 0 4.303.43 6.3 1.264a16.5 16.5 0 0 1 5.342 3.599 16.6 16.6 0 0 1 3.569 5.386 16.7 16.7 0 0 1 1.253 6.354V66.9c0 .872-.17 1.736-.501 2.541a6.6 6.6 0 0 1-1.427 2.155 6.6 6.6 0 0 1-2.137 1.44 6.5 6.5 0 0 1-2.52.505z"></path><path fill="#e8ab6a" d="M64.375 58.25v-.936c0-2.894 1.14-5.67 3.17-7.717a10.78 10.78 0 0 1 7.651-3.196 10.7 10.7 0 0 1 6.609 2.274 14.7 14.7 0 0 1 .595 4.145v13.57a10.72 10.72 0 0 1-7.203 2.773c-2.87 0-5.622-1.15-7.652-3.196a10.96 10.96 0 0 1-3.17-7.717"></path><path stroke="#fff" stroke-miterlimit="10" stroke-width="3.736" d="M74.721 65.125a5.02 5.02 0 0 1-3.562-1.488 5.1 5.1 0 0 1-1.477-3.593"></path><path fill="#da7f27" d="M80.086 60.7h-5.209v-9.047z"></path><path fill="#14254c" d="M82.4 49.558H61.209v1.27H82.4zm0 5.253H61.209v1.27H82.4zm.002 10.506H65.374v1.27h17.028zm-.002-5.252H61.209v1.27H82.4z"></path><path fill="#fff" d="M69 54.154h-1.5a1 1 0 0 1-.717-.3 1.02 1.02 0 0 1-.22-1.113 1.02 1.02 0 0 1 .55-.552 1 1 0 0 1 .387-.078H69c.269 0 .526.108.716.299a1.026 1.026 0 0 1-.328 1.666 1 1 0 0 1-.388.078m11.837 0h-1.5a1 1 0 0 1-.717-.3 1.02 1.02 0 0 1-.297-.722c0-.27.107-.53.297-.722s.448-.299.716-.299h1.502c.268 0 .526.108.716.299a1.026 1.026 0 0 1-.329 1.666 1 1 0 0 1-.388.078"></path><path fill="#000" d="M66.486 54.154c.56 0 1.013-.458 1.013-1.022s-.453-1.021-1.013-1.021-1.013.457-1.013 1.021.454 1.022 1.013 1.022m12.154 0c.56 0 1.013-.458 1.013-1.022s-.454-1.021-1.013-1.021c-.56 0-1.013.457-1.013 1.021s.453 1.022 1.013 1.022"></path><path fill="#e26841" d="M110.225 81.406c.852.106 1.627.55 2.155 1.232s.765 1.548.66 2.407l-.232 1.913a3.76 3.76 0 0 1-1.204 2.329 3.7 3.7 0 0 1-2.425.959l-5.128.085a3.7 3.7 0 0 1-2.295-.751 3.75 3.75 0 0 1-1.353-2.015l-.622-2.31a3.3 3.3 0 0 1 .587-2.882 3.22 3.22 0 0 1 2.648-1.235l6.926.242q.143.008.283.026"></path><path fill="#e26841" d="m100.539 87.046-.682-4.84a1.13 1.13 0 0 0-.381-.702l-.585-.505a1.118 1.118 0 0 0-1.829.627l-1.127 5.42z"></path><path fill="#000" d="m8.475 81.297 6.926-.243a3.2 3.2 0 0 1 1.47.3c.46.214.863.534 1.178.935a3.28 3.28 0 0 1 .587 2.882l-.622 2.31a3.75 3.75 0 0 1-1.353 2.014 3.7 3.7 0 0 1-2.295.752l-5.128-.086a3.7 3.7 0 0 1-2.424-.959 3.76 3.76 0 0 1-1.204-2.328l-.232-1.914a3.28 3.28 0 0 1 .66-2.407 3.23 3.23 0 0 1 2.437-1.257"></path><path fill="#000" d="m17.88 86.964.68-4.841a1.13 1.13 0 0 1 .383-.703l.584-.505a1.12 1.12 0 0 1 1.83.627l1.127 5.42zm38.564.001.363-2.978a16.3 16.3 0 0 0-.525-6.517 16.2 16.2 0 0 0-3.043-5.774 16.05 16.05 0 0 0-5.063-4.085 15.9 15.9 0 0 0-12.674-.814 16 16 0 0 0-5.536 3.404 16.2 16.2 0 0 0-3.745 5.338 16.3 16.3 0 0 0-1.34 6.398v.027l-.015 5.001z"></path><path fill="#8174f2" d="M51.708 43.28a6.37 6.37 0 0 0-3.312-1.773 6.33 6.33 0 0 0-3.727.408l-5.883 2.554a38.5 38.5 0 0 1-19.345 2.974l-1.943-.205.557-10.405.55.142a38.45 38.45 0 0 0 20.456-.34l6.284-1.847a6.33 6.33 0 0 1 4.608.408 6.42 6.42 0 0 1 3.125 3.441l3.798 9.86z"></path><path fill="#8174f2" d="M50.701 25.166c.853.001 1.696.17 2.484.5.787.33 1.502.812 2.104 1.42a6.6 6.6 0 0 1 1.406 2.125c.325.795.493 1.646.492 2.505l-.31 16.781-3.611-12.007a6.52 6.52 0 0 0-3.467-3.36 6.44 6.44 0 0 0-4.808-.032l-1.534.604a28.5 28.5 0 0 1-11.739 1.955l-8.275-.377.383-9.908 8.22 1.501a28.5 28.5 0 0 0 11.343-.227l5.897-1.323a6.4 6.4 0 0 1 1.415-.157"></path><path fill="#0c1b38" d="M43.991 36.852c-1.6.093-3.167.503-4.61 1.207a12.2 12.2 0 0 0-3.801 2.895 12.3 12.3 0 0 0-2.414 4.142 12.4 12.4 0 0 0-.657 4.758l.68 11.86a11.7 11.7 0 0 0 3.612 7.813 11.52 11.52 0 0 0 7.944 3.183 11.52 11.52 0 0 0 7.978-3.217 11.72 11.72 0 0 0 3.58-7.877l.585-11.863q.015-.306.015-.611c0-3.265-1.286-6.397-3.575-8.705a12.16 12.16 0 0 0-9.337-3.585"></path><path fill="#8174f2" d="M56.89 46.588h-24.4v6.235h24.4z"></path><path fill="#e7aa6a" d="M48.966 49.75c.752 0 1.474.302 2.006.838.532.537.83 1.264.83 2.023v.684c0 .759-.298 1.486-.83 2.023a2.82 2.82 0 0 1-2.006.838H32.49V49.75z"></path><path fill="#e06940" d="M39.038 50.811v5.345H36.28z"></path><path fill="#fff" d="M47.222 51.977h-1.466a.996.996 0 0 0-.993 1c0 .552.445 1 .993 1h1.466a.996.996 0 0 0 .993-1c0-.552-.445-1-.993-1"></path><path fill="#000" d="M47.906 53.98a.997.997 0 0 0 .992-1.001.997.997 0 0 0-.992-1.002.997.997 0 0 0-.993 1.002.997.997 0 0 0 .993 1m-12.508.001a.997.997 0 0 0 .992-1.001.997.997 0 0 0-.992-1.002.997.997 0 0 0-.993 1.002.997.997 0 0 0 .992 1"></path><path fill="#fff" d="M35.247 51.977H33.78a.996.996 0 0 0-.993 1c0 .552.445.999.993.999h1.465a.996.996 0 0 0 .993-1 .996.996 0 0 0-.992-.999"></path><path fill="#000" d="M35.93 53.98a.997.997 0 0 0 .993-1.002.997.997 0 0 0-.993-1 .997.997 0 0 0-.993 1 .997.997 0 0 0 .993 1.002"></path><path fill="#14254c" d="M36.086 85.932c.073.162.221.52.406 1.033h15.55a39 39 0 0 0-2.256-7.143 7.52 7.52 0 0 0-4.149-3.99 7.43 7.43 0 0 0-5.73.136 7.53 7.53 0 0 0-3.956 4.184 7.62 7.62 0 0 0 .135 5.78"></path><path fill="#62de7f" d="M68.085 4.022H25.682c-3.698 0-6.696 3.024-6.696 6.754s2.998 6.753 6.696 6.753h42.403c3.699 0 6.697-3.024 6.697-6.753s-2.998-6.754-6.697-6.754"></path><path fill="#62de7f" d="m58.61 22.342-6.548-6.604 6.549-6.604z"></path><path fill="#282f89" d="M33.606 7.685h.636v4.17h2.378v.565h-3.014zM38.53 8.89c.246 0 .488.06.706.173.21.099.39.253.522.446.118.184.197.392.23.61q.061.377.05.76H37.53c-.005.3.081.595.246.844a.83.83 0 0 0 .713.318.91.91 0 0 0 .72-.3c.102-.116.177-.254.218-.403h.566a1.2 1.2 0 0 1-.15.422q-.11.213-.283.382c-.18.175-.404.295-.648.348a2 2 0 0 1-.47.052 1.43 1.43 0 0 1-1.084-.469 1.84 1.84 0 0 1-.445-1.313 2 2 0 0 1 .448-1.351 1.48 1.48 0 0 1 1.17-.519m.917 1.528a1.5 1.5 0 0 0-.163-.602.84.84 0 0 0-.79-.42.87.87 0 0 0-.664.29 1.1 1.1 0 0 0-.284.733zm1.346-2.414h.582v.964h.545v.473h-.545v2.254a.25.25 0 0 0 .121.242q.108.042.224.036h.09q.047 0 .111-.008v.455q-.1.03-.206.042a2 2 0 0 1-.232.013.62.62 0 0 1-.545-.208.93.93 0 0 1-.146-.54V9.44h-.46v-.473h.463zm1.76 1.057a.36.36 0 0 0 .268-.199.8.8 0 0 0 .091-.393v-.04l-.008-.04h-.348v-.703h.684v.648a1.36 1.36 0 0 1-.17.701.66.66 0 0 1-.514.33zm1.494 2.276c.006.16.056.313.146.445a.9.9 0 0 0 .754.28c.196.004.39-.044.562-.14a.46.46 0 0 0 .243-.434.37.37 0 0 0-.195-.338 2.3 2.3 0 0 0-.492-.164l-.457-.116a2.2 2.2 0 0 1-.646-.247.73.73 0 0 1-.37-.651 1 1 0 0 1 .35-.793c.266-.213.6-.321.94-.303a1.3 1.3 0 0 1 1.116.458 1 1 0 0 1 .208.625h-.543a.7.7 0 0 0-.137-.358.88.88 0 0 0-.688-.229.8.8 0 0 0-.494.126.39.39 0 0 0-.167.332.41.41 0 0 0 .22.36q.178.1.377.143l.38.093q.437.083.832.294a.78.78 0 0 1 .335.7 1.07 1.07 0 0 1-.347.795 1.47 1.47 0 0 1-1.054.336 1.4 1.4 0 0 1-1.084-.348 1.33 1.33 0 0 1-.34-.866zm4.637-2.37h.545v.597c.08-.163.192-.307.33-.424a.85.85 0 0 1 .66-.247l.13.013v.613a1 1 0 0 0-.188-.016.82.82 0 0 0-.668.282 1 1 0 0 0-.234.65v1.985h-.575zm3.457 3.079a.79.79 0 0 0 .784-.436c.145-.304.217-.636.213-.973.01-.27-.042-.538-.153-.784a.87.87 0 0 0-.837-.477.82.82 0 0 0-.768.403c-.167.299-.25.638-.24.98a1.65 1.65 0 0 0 .24.917.85.85 0 0 0 .76.37m.023-3.179a1.54 1.54 0 0 1 1.119.445 1.74 1.74 0 0 1 .456 1.31 2.25 2.25 0 0 1-.403 1.38 1.46 1.46 0 0 1-1.25.544 1.4 1.4 0 0 1-1.122-.482 1.92 1.92 0 0 1-.415-1.294c-.026-.5.129-.993.437-1.387a1.47 1.47 0 0 1 1.178-.516m3.515 0c.336-.015.668.085.941.284a1.36 1.36 0 0 1 .437.977h-.561a1.05 1.05 0 0 0-.233-.53.74.74 0 0 0-.585-.212.8.8 0 0 0-.786.542c-.11.275-.162.57-.154.867-.01.306.066.61.219.874a.75.75 0 0 0 .684.354.74.74 0 0 0 .567-.22c.151-.17.252-.379.29-.604h.56a1.52 1.52 0 0 1-.482 1.004c-.28.22-.628.332-.982.317a1.3 1.3 0 0 1-1.07-.495 1.9 1.9 0 0 1-.4-1.236 2.1 2.1 0 0 1 .436-1.415 1.42 1.42 0 0 1 1.118-.507m1.875-1.183h.553v2.751l1.477-1.467h.735l-1.31 1.292 1.382 2.16h-.735l-1.068-1.74-.483.444v1.296h-.552zm3.556 0h.648v1.557l-.156 2.05h-.327l-.167-2.05zm0 4.065h.636v.671h-.637z"></path></g></g><defs><clippath id="clip0_142_1561"><path fill="#fff" d="M0 0h210v90H0z"></path></clippath><clippath id="clip1_142_1561"><path fill="#fff" d="M82.32 7.999h125.957v79H82.32z"></path></clippath><clippath id="clip2_142_1561"><path fill="#fff" d="M114.057 13.999h77.36v49h-77.36z"></path></clippath><clippath id="clip3_142_1561"><path fill="#fff" d="M2.975-1.001h110.09v91H2.975z"></path></clippath></defs></svg></div><p class="TK-Bundle-Title TK-Best-Value">DevCraft</p><p class="TK-Bundle-Description">All <strong>Telerik .NET</strong> and <strong>Kendo UI </strong>JavaScript components and AI Tools in one package.</p><ul class="TK-Bundle-list TK--Desktop"><li>MCP Servers (AI Tools)</li><li>Embedded Reporting</li><li>Document Processing Libraries</li><li>SSO Account Sign-in</li></ul>
|
|
Анализировать url |
| /kendo-ui |
<div class="TK-Bundle-Icon TK--Desktop"><svg xmlns="http://www.w3.org/2000/svg" width="210" height="90" fill="none" viewbox="0 0 210 90"><g clip-path="url(#clip0_142_1689)"><rect width="210" height="85" y="9.818" fill="#dcecff" rx="5"></rect><g clip-path="url(#clip1_142_1689)"><path fill="#829dfa" d="M219.429 52.666c10.178 0 18.429-7.584 18.429-16.94s-8.251-16.942-18.429-16.942S201 26.369 201 35.725s8.251 16.941 18.429 16.941"></path><path fill="#2d25b8" d="M201.142 35.725h18.429l-13.035-11.982c-3.332 3.063-5.394 7.299-5.394 11.982"></path><path fill="#151753" d="m206.536 23.743 13.035 11.982V18.784c-5.095 0-9.702 1.895-13.035 4.959"></path></g><g clip-path="url(#clip2_142_1689)"><path stroke="#fff" stroke-miterlimit="10" stroke-width="1.92" d="M107.127 98.727c26.992 0 48.873-21.88 48.873-48.872S134.119.982 107.127.982 58.255 22.863 58.255 49.855s21.88 48.872 48.872 48.872Z"></path><path stroke="#829dfa" stroke-miterlimit="10" stroke-width="3.84" d="M88.101 94.88a48.8 48.8 0 0 0 19.026 3.835 48.8 48.8 0 0 0 19.027-3.834 48.9 48.9 0 0 0 15.534-10.478 49 49 0 0 0 10.477-15.534c2.48-5.85 3.835-12.273 3.835-19.026a48.8 48.8 0 0 0-3.835-19.027 48.8 48.8 0 0 0-10.477-15.533M107.127.982a48.8 48.8 0 0 0-19.026 3.835 48.8 48.8 0 0 0-15.534 10.478A49 49 0 0 0 62.09 30.828a48.8 48.8 0 0 0-3.834 19.027 48.8 48.8 0 0 0 3.834 19.026"></path><path stroke="#fff" stroke-miterlimit="10" stroke-width="1.92" d="M107.127 84.06c18.892 0 34.206-15.314 34.206-34.205 0-18.892-15.314-34.206-34.206-34.206-18.891 0-34.205 15.314-34.205 34.206 0 18.891 15.314 34.206 34.205 34.206Z"></path><path stroke="#62de7f" stroke-miterlimit="10" stroke-width="3.84" d="M82.935 74.047c6.192 6.191 14.74 10.014 24.192 10.014s18.001-3.835 24.192-10.014c6.192-6.192 10.014-14.74 10.014-24.192s-3.834-18-10.014-24.192c-6.191-6.192-14.74-10.014-24.192-10.014"></path><path fill="#fff" d="M107.127 70.383c11.338 0 20.529-9.19 20.529-20.528s-9.191-20.529-20.529-20.529-20.528 9.191-20.528 20.529 9.19 20.528 20.528 20.528"></path><path fill="#0357ff" d="M98.537 55.346v-2.5q.655.43 1.201.645.547.215 1.201.215.948 0 1.329-.567.39-.565.39-1.875V43.57h2.578v7.998q0 4.473-4.072 4.473-.752 0-1.465-.205-.712-.205-1.162-.489m8.428-.341v-2.52q1.826 1.357 3.916 1.357.996 0 1.582-.322.596-.332.596-1.016 0-.556-.332-.85-.333-.3-1.104-.585l-1.797-.605a7 7 0 0 1-1.25-.528 4.3 4.3 0 0 1-.947-.713 2.9 2.9 0 0 1-.625-1.015 4 4 0 0 1-.205-1.328q0-1.104.596-1.915t1.572-1.2q.976-.401 2.197-.401 2.12 0 3.721.957v2.5q-1.738-1.28-3.643-1.28-.869 0-1.406.313-.537.303-.537.908 0 .538.322.82.332.284 1.045.518l1.914.664q1.553.528 2.275 1.406.733.88.733 2.237 0 1.172-.635 2.012-.635.83-1.67 1.23-1.035.39-2.363.39a8 8 0 0 1-2.207-.292q-1.035-.294-1.748-.742"></path></g><g clip-path="url(#clip3_142_1689)"><path fill="#e26841" d="M34.593 71.628q-.202-1.27-.202-2.556c0-9.002 7.359-16.298 16.438-16.298q1.297 0 2.578.2c8.964 1.412 15.078 9.763 13.657 18.65l-4.632 35.251-23.46-2.78-4.376-32.47z"></path><path stroke="#14254c" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9.265" d="M12.343 42.893c-.39 1.655-1.221 8.501 2.798 15.133.791 1.3 2.335 4.606 6.952 6.584 6.377 2.734 14.466 1.345 20.685-4.197"></path><path fill="#e26841" d="M7.428 24.274 5.23 48.998l14.493 1.481-4.11-25.522-8.188-.683zm22.577-5.318a.88.88 0 0 1 .32-.543l.477-.387a.897.897 0 0 1 1.45.526l.952 5.095a4.16 4.16 0 0 1-1.62 4.11l-3.483 2.588z"></path><path fill="#000" d="m65.5 41.763-7.995 1.266v12.135l7.09 10.48 10.58-4.487-9.512-8.267-.167-11.127z"></path><path fill="#e26841" d="M44.677 17.783a5.39 5.39 0 0 0-3.668-4.143l-.964-.307c-2.645-.846-4.218-3.538-3.638-6.23L37.939-.05l3.137.198-1.456 5.35c-.73 2.678.718 5.466 3.34 6.437a5.375 5.375 0 0 1 3.527 5.06l-.05 10.267-1.758-9.48z"></path><path fill="#e26841" d="M41.668 20.216a5.43 5.43 0 0 0-3.577-2.26l-3.316-.548c-2.452-.407-4.312-2.414-4.512-4.871l-.706-8.752 3.454-.017.179 6.474a5.38 5.38 0 0 0 3.987 5.037l2.335.633a5.4 5.4 0 0 1 3.58 3.137l3.342 8.051-4.769-6.89z"></path><path fill="#000" d="M60.018 39.741h-16.83v7.46a4.97 4.97 0 0 1-1.89 3.897l-8.307 6.59 13.57 9.914 12.283-14.718 1.171-13.146z"></path><path fill="#14254c" d="M65.5 34.934c0-6.98-5.707-12.638-12.747-12.638h-4.59c-2.816 0-5.1 2.263-5.1 5.054v12.894c0 6.982 5.709 12.643 12.748 12.64h4.591c2.815 0 5.1-2.265 5.097-5.056z"></path><path fill="#e9ac6a" d="M58.425 49.091a9.55 9.55 0 0 0 6.348-2.4V34.938c0-1.217-.179-2.425-.527-3.593a9.55 9.55 0 0 0-5.824-1.97c-5.267 0-9.536 4.233-9.536 9.455v.81c0 5.22 4.272 9.452 9.536 9.452z"></path><path stroke="#fff" stroke-miterlimit="10" stroke-width=".67" d="M58.78 45.533c-4.41-.081-3.824-3.334-3.824-3.334"></path><path fill="#dc7f1b" d="M59.175 33.926v7.837h4.59z"></path><path stroke="#14254c" stroke-miterlimit="10" stroke-width=".777" d="M43.443 32.663H64.89m-21.447 4.548H65.5m-17.721 9.103h17.72m-22.056-4.551H65.5"></path><path fill="#fff" d="M53.629 34.286h-1.046a.74.74 0 0 0-.741.735v.05c0 .405.332.734.741.734h1.046c.41 0 .741-.329.741-.734v-.05a.74.74 0 0 0-.741-.735m10.403 0h-1.046a.74.74 0 0 0-.741.735v.05c0 .405.332.734.74.734h1.047c.41 0 .74-.329.74-.734v-.05a.74.74 0 0 0-.74-.735"></path><path fill="#000" d="M54.017 36.088a.774.774 0 0 0 .776-.77.774.774 0 0 0-.776-.77.774.774 0 0 0-.777.77c0 .425.347.77.776.77m10.239 0a.774.774 0 0 0 .777-.77.774.774 0 0 0-.777-.77.774.774 0 0 0-.777.77c0 .425.348.77.777.77"></path><path fill="#e9ac6a" d="m34.678 26.092 17.158.968 45.622-.933 33.009-.909a1.13 1.13 0 0 0 1.102-1.121 1.13 1.13 0 0 0-1.105-1.124l-33.003-.79-45.619-.982-17.158.947v3.941z"></path><path fill="#000" d="M99.332 21.933h-1.88a.805.805 0 0 0-.809.802v2.84c0 .443.362.802.809.802h1.88a.805.805 0 0 0 .809-.802v-2.84a.805.805 0 0 0-.809-.802m31.636.665h-1.904a.685.685 0 0 0-.688.683v1.592c0 .377.308.682.688.682h1.904a.685.685 0 0 0 .689-.682V23.28a.685.685 0 0 0-.689-.683m-96.19 3.504v-3.959L4.04 20.85v6.512z"></path><path fill="#000" d="M36.313 15.947h-1.52a.653.653 0 0 0-.657.65V31.9c0 .36.294.65.656.65h1.52a.653.653 0 0 0 .657-.65V16.597a.653.653 0 0 0-.656-.65"></path><path fill="#e26841" d="M7.946 16.632c-1.42.145-2.455 1.406-2.305 2.815l.158 1.507a2.96 2.96 0 0 0 2.847 2.64l4.096.149a2.965 2.965 0 0 0 2.959-2.118l.533-1.804q.11-.372.102-.758c-.02-1.417-1.195-2.547-2.624-2.527l-5.537.082q-.115 0-.226.014z"></path><path fill="#e26841" d="M15.765 19.299a.9.9 0 0 1 .416-.477l.542-.29a.9.9 0 0 1 .43-.108c.496 0 .894.401.894.892l-.023 5.176a4.17 4.17 0 0 1-2.361 3.735l-3.905 1.897 4.01-10.831z"></path><path stroke="#1c2f54" stroke-linecap="round" stroke-miterlimit="10" stroke-width="9.265" d="M29.015 47.276c.117 2.718.876 12.524 8.434 19.312 2.543 2.388 3.89 4.099 7.277 4.979 2.15.534 6.885 1.714 11.65-.796a14.54 14.54 0 0 0 6.276-6.739"></path><path fill="#e26841" d="M21.83 17.806a2.56 2.56 0 0 0-1.659 3.232l2.692 8.197 7.57-.59.349-9.442a2.5 2.5 0 0 0-.05-.61c-.287-1.389-1.655-2.28-3.053-1.996l-5.566 1.133q-.14.03-.28.073z"></path><path fill="#e26841" d="m22.354 27.205-.091 26.586 14.718-3.907-6.422-23.222-8.205.546z"></path><path fill="#000" d="m54.575 55.164 10.022 10.48 10.582-4.487-10.684-8.267z"></path></g><g clip-path="url(#clip4_142_1689)"><path fill="#fff" d="M185.833 19.59h-8.666c-6.444 0-11.667 5.474-11.667 12.225v9.081c0 6.752 5.223 12.225 11.667 12.225h8.666c6.444 0 11.667-5.473 11.667-12.225v-9.081c0-6.751-5.223-12.225-11.667-12.225"></path><mask id="mask0_142_1689" width="33" height="35" x="165" y="19" maskunits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M185.833 19.59h-8.666c-6.444 0-11.667 5.474-11.667 12.225v9.081c0 6.752 5.223 12.225 11.667 12.225h8.666c6.444 0 11.667-5.473 11.667-12.225v-9.081c0-6.751-5.223-12.225-11.667-12.225"></path></mask><g mask="url(#mask0_142_1689)"><path fill="#3654dd" d="M172.847 33.059c1.738 0 3.146-1.477 3.146-3.298s-1.408-3.297-3.146-3.297-3.147 1.476-3.147 3.297 1.409 3.298 3.147 3.298"></path><path fill="#cdffca" d="m187.9 30.582-12.8 13.51-4.263-4.502-5.337 5.63v10.37h31.997V40.715z"></path></g></g><g clip-path="url(#clip5_142_1689)"><path fill="#fff" d="M230.77 59.795h-57.673c-5.985 0-10.837 4.891-10.837 10.925s4.852 10.925 10.837 10.925h57.673c5.985 0 10.837-4.891 10.837-10.925s-4.852-10.925-10.837-10.925" opacity=".5"></path><mask id="mask1_142_1689" width="80" height="23" x="162" y="59" maskunits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M230.77 59.795h-57.673c-5.985 0-10.837 4.891-10.837 10.925s4.852 10.925 10.837 10.925h57.673c5.985 0 10.837-4.891 10.837-10.925s-4.852-10.925-10.837-10.925"></path></mask><g mask="url(#mask1_142_1689)"><path fill="#829dfa" d="M211.193 71.644a5.6 5.6 0 0 1-1.346-.043 5 5 0 0 1-.294-.057c-2.82-.621-4.669-3.387-7.541-5.164v.025c-1.311-.822-2.833-1.44-4.761-1.555-6.884-.403-9.634 7.527-16.087 7.06-4.859-.35-9.2-8.671-12.4-9.882-3.199-1.209-6.764.002-6.764.002v19.765h57.23V68.501c-3.296.787-4.7 2.852-8.037 3.143"></path></g></g></g><defs><clippath id="clip0_142_1689"><path fill="#fff" d="M0 0h210v90H0z"></path></clippath><clippath id="clip1_142_1689"><path fill="#fff" d="M201 16.666h37v36h-37z"></path></clippath><clippath id="clip2_142_1689"><path fill="#fff" d="M58 9.666h102v80H58z"></path></clippath><clippath id="clip3_142_1689"><path fill="#fff" d="M-.5 1.363h142v98H-.5z"></path></clippath><clippath id="clip4_142_1689"><path fill="#fff" d="M165.5 19.59h32v36h-32z"></path></clippath><clippath id="clip5_142_1689"><path fill="#fff" d="M162 59.795h80v22h-80z"></path></clippath></defs></svg></div><p class="TK-Bundle-Title">Kendo UI</p><p class="TK-Bundle-Description">Bundle of AI Tools plus four <strong>JavaScript UI libraries </strong>built natively for jQuery, Angular, React and Vue.</p>
|
|
Анализировать url |
| /all-products |
See All Products
|
|
Анализировать url |
| /kendo-angular-ui |
UI for Angular
|
|
Анализировать url |
| /kendo-vue-ui |
UI for Vue
|
|
Анализировать url |
| /kendo-jquery-ui |
UI for jQuery
|
|
Анализировать url |
| /kendo-react-ui |
KendoReact
|
|
Анализировать url |
| /blazor-ui |
UI for Blazor
|
|
Анализировать url |
| /aspnet-core-ui |
UI for ASP.NET Core
|
|
Анализировать url |
| /aspnet-mvc |
UI for ASP.NET MVC
|
|
Анализировать url |
| /products/aspnet-ajax.aspx |
UI for ASP.NET AJAX
|
|
Анализировать url |
| /maui-ui |
UI for MAUI
|
|
Анализировать url |
| /products/winforms.aspx |
UI for WinForms
|
|
Анализировать url |
| /products/wpf/overview.aspx |
UI for WPF
|
|
Анализировать url |
| /winui |
UI for Win UI
|
|
Анализировать url |
| /products/reporting.aspx |
Reporting
|
|
Анализировать url |
| /report-server |
Report Server
|
|
Анализировать url |
| /document-processing-libraries |
Document Processing Library
|
|
Анализировать url |
| /mcp-servers |
Agentic UI Generator
|
|
Анализировать url |
| /mcp-servers |
Coding Assistants
|
|
Анализировать url |
| /fiddler/fiddler-everywhere/mcp |
Fiddler MCP
|
|
Анализировать url |
| /ai-components |
AI-Ready Components
|
|
Анализировать url |
| /ai-engineering |
Overview
|
|
Анализировать url |
| /ai-observability-platform |
AI Observability
|
|
Анализировать url |
| /fiddler/fiddler-everywhere/agent-cache |
Agent Cache
|
|
Анализировать url |
| /teststudio |
Test Studio
|
|
Анализировать url |
| /products/mocking.aspx |
JustMock
|
|
Анализировать url |
| /fiddler |
Fiddler
|
|
Анализировать url |
| /fiddler/fiddler-everywhere |
Fiddler Everywhere
|
|
Анализировать url |
| /fiddler/fiddler-classic |
Fiddler Classic
|
|
Анализировать url |
| /fiddler/fiddler-everywhere-reporter |
Fiddler Everywhere Reporter
|
|
Анализировать url |
| /fiddlercore |
FiddlerCore
|
|
Анализировать url |
| /themebuilder |
ThemeBuilder
|
|
Анализировать url |
| /page-templates-and-ui-blocks |
Page Templates and Building Blocks
|
|
Анализировать url |
| /kendo-react-ui/free-react-components |
KendoReact Free
|
|
Анализировать url |
| /teststudio/testing-framework |
Testing Framework
|
|
Анализировать url |
| /all-products |
See All Products
|
|
Анализировать url |
| /kendo-ui |
Overview
|
|
Анализировать url |
| /kendo-jquery-ui |
jQuery
|
|
Анализировать url |
| /kendo-angular-ui |
Angular
|
|
Анализировать url |
| /kendo-react-ui |
React
|
|
Анализировать url |
| /kendo-vue-ui |
Vue
|
|
Анализировать url |
| /kendo-angular-ui/components/ |
Angular
|
|
Анализировать url |
| /kendo-react-ui/components/ |
React
|
|
Анализировать url |
| /kendo-vue-ui/components/ |
Vue
|
|
Анализировать url |
| /support/whats-new/kendo-jquery-ui |
What's New
|
|
Анализировать url |
| /support/whats-new/kendo-jquery-ui/roadmap |
Roadmap
|
|
Анализировать url |
| /kendo-angular-ui/components/changelogs/kendo-angular-ui |
Release History
|
|
Анализировать url |
| /support/whats-new/kendo-angular-ui |
What's New
|
|
Анализировать url |
| /support/whats-new/kendo-angular-ui/roadmap |
Roadmap
|
|
Анализировать url |
| /kendo-angular-ui/components/changelogs/kendo-angular-ui |
Release History
|
|
Анализировать url |
| /support/whats-new/kendo-react-ui |
What's New
|
|
Анализировать url |
| /support/whats-new/kendo-react-ui/roadmap |
Roadmap
|
|
Анализировать url |
| /kendo-react-ui/components/changelogs/ui-for-react |
Release History
|
|
Анализировать url |
| /support/whats-new/kendo-vue-ui |
What's New
|
|
Анализировать url |
| /support/whats-new/kendo-vue-ui/roadmap |
Roadmap
|
|
Анализировать url |
| /kendo-vue-ui/components/changelogs/ui-for-vue |
Release History
|
|
Анализировать url |
| /support/kendo-ui |
jQuery
|
|
Анализировать url |
| /support/kendo-ui-for-angular |
Angular
|
|
Анализировать url |
| /kendo-react-ui/support |
React
|
|
Анализировать url |
| /support/kendo-ui-for-vue |
Vue
|
|
Анализировать url |
| /purchase/kendo-ui |
Pricing
|
|
Анализировать url |
| /search |
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewbox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"></path></svg>
|
|
Анализировать url |
| /account |
<span>Account Overview</span>
|
|
Анализировать url |
| /account/your-licenses |
<span>Your Licenses</span>
|
|
Анализировать url |
| /account/downloads |
<span>Downloads</span>
|
|
|
| /account/support-center |
<span>Support Center</span>
|
|
Анализировать url |
| /forums/profile/mine |
<span>Forum Profile</span>
|
|
Анализировать url |
| /account/payment-methods |
<span>Payment Methods</span>
|
|
Анализировать url |
| /account/profile |
<span>Edit Profile</span>
|
|
Анализировать url |
| /account |
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" height="16"><path xmlns="http://www.w3.org/2000/svg" d="M13.75 14.5a.751.751 0 01-.75-.75v-.5a5.75 5.75 0 10-11.5 0v.5a.75.75 0 01-1.5 0v-.5a7.175 7.175 0 011.319-4.159A7.262 7.262 0 014.69 6.476 3.717 3.717 0 013.5 3.75a3.75 3.75 0 117.5 0 3.716 3.716 0 01-1.19 2.726 7.263 7.263 0 013.371 2.615A7.175 7.175 0 0114.5 13.25v.5a.751.751 0 01-.75.75zm-6.5-13A2.25 2.25 0 109.5 3.75 2.253 2.253 0 007.25 1.5z" transform="translate(.75 .75)"></path></svg> <span class="TK-Aside-Menu-Button-Text">Login</span>
|
|
Анализировать url |
| /contact?preselect=kendo-ui |
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" height="16"><path d="M12.75 14.5h-11A1.752 1.752 0 010 12.753v-7.37a.092.092 0 01.005-.026.1.1 0 000-.023.782.782 0 01.01-.093.63.63 0 01.02-.071l.007-.021V5.14a.828.828 0 01.036-.088.673.673 0 01.045-.078.078.078 0 00.009-.02.069.069 0 01.01-.02.1.1 0 01.028-.019.1.1 0 00.019-.015.68.68 0 01.077-.076.124.124 0 00.015-.024.106.106 0 01.019-.016L6.2.354a1.736 1.736 0 012.1 0l5.9 4.431a.1.1 0 01.018.02.118.118 0 00.017.019.591.591 0 01.076.075.109.109 0 00.02.018.1.1 0 01.019.017.077.077 0 01.01.02.088.088 0 00.01.02c.017.026.031.053.045.078a.9.9 0 01.039.1l.007.021a.5.5 0 01.03.164.1.1 0 000 .023.092.092 0 01.005.027v7.37A1.752 1.752 0 0112.75 14.5zM1.5 6.883v5.87a.253.253 0 00.25.247h11a.253.253 0 00.249-.25V6.883L8.3 10.412a1.737 1.737 0 01-2.1 0zM7.25 1.5a.248.248 0 00-.15.053L2 5.383l5.1 3.83a.253.253 0 00.15.052.245.245 0 00.15-.053l5.1-3.829-5.1-3.83a.248.248 0 00-.15-.053z" transform="translate(.75 .75)"></path></svg> <span class="TK-Aside-Menu-Button-Text">Contact Us</span>
|
|
Анализировать url |
| /try/kendo-ui |
jQuery
|
|
Анализировать url |
| /try/kendo-angular-ui |
Angular
|
|
Анализировать url |
| /try/kendo-react-ui |
React
|
|
Анализировать url |
| /try/kendo-vue-ui |
Vue
|
|
Анализировать url |
| /search |
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewbox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"></path></svg>
|
|
Анализировать url |
| /mcp-servers |
Пустой анкор
|
|
Анализировать url |
| /mcp-servers |
AI tools for Kendo UI
|
|
Анализировать url |
| /try/kendo-ui |
UI for jQuery
|
|
Анализировать url |
| /try/kendo-angular-ui |
UI for Angular
|
|
Анализировать url |
| /try/kendo-react-ui |
UI for React
|
|
Анализировать url |
| /try/kendo-vue-ui |
UI for Vue
|
|
Анализировать url |
| /purchase/kendo-ui |
Buy Now
|
|
Анализировать url |
| /try/kendo-ui |
UI for jQuery
|
|
Анализировать url |
| /try/kendo-angular-ui |
UI for Angular
|
|
Анализировать url |
| /try/kendo-react-ui |
UI for React
|
|
Анализировать url |
| /try/kendo-vue-ui |
UI for Vue
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/ai-usage-monitoring |
AI Usage Monitoring
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/healthcare-admin |
Healthcare Admin
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/social-management |
Social Media Management
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/fintech-dashboard |
Fintech Dashboard
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/machine-manufacturing |
Machine Manufacturing
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/project-tracker/ |
Project Tracker
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/travel |
Travel
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/automotive-industry |
Automotive Industry
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/saas-product |
Saas Product
|
|
Анализировать url |
| /design-system/docs/ui-templates/templates/international-bank |
International Bank
|
|
Анализировать url |
Внешние ссылки
Кол-во: 561
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 561 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
На странице ссылки с атрибутом rel='nofollow' 1.
Показать первые 100 внешних ссылок
| Url | Анкор | Анализировать |
|---|---|---|
| progress.com |
Sitefinity
|
Анализировать url |
| converter.telerik.com |
VB.NET to C# Converter
|
Анализировать url |
| demos.telerik.com |
jQuery
|
Анализировать url |
| store.progress.com |
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" width="16" height="16"><path d="M11.75 14.5a1 1 0 111-1 1 1 0 01-1 1zm-8.25 0a1 1 0 111-1 1 1 0 01-1 1zm8.18-3H4.25A1.752 1.752 0 012.5 9.75v-8a.25.25 0 00-.25-.25H.75a.75.75 0 010-1.5h1.5A1.752 1.752 0 014 1.75v.75h8.78a1.75 1.75 0 011.72 2.093l-1.1 5.5a1.754 1.754 0 01-1.72 1.407zM4 4v5.75a.25.25 0 00.25.25h7.43a.251.251 0 00.245-.2l1.1-5.5a.251.251 0 00-.245-.3z" transform="translate(.75 .75)"></path></svg> <span class="TK-Aside-Menu-Link-Text">Shopping cart</span>
|
Анализировать url |
| telerik.com |
Learn More
|
Анализировать url |
| telerik.com |
Learn More
|
Анализировать url |
| telerik.com |
Learn More
|
Анализировать url |
| telerik.com |
Learn More
|
Анализировать url |
| g2.com |
<img class="u-m-w15 u-w10" title="G2 Leader Enterprise 2026" src="/sfimages/default-source/awards/g2-leader-enterprise-spring-2026.webp?Status=Master&sfvrsn=7bc0451d_1" alt="G2 Leader Enterprise 2026"><p class="u-fs14 u-ff-sans0 u-pt1">G2 Leader Enterprise 2026</p>
|
Анализировать url |
| g2.com |
<img title="G2 Mid-Market Spring 2026" src="/sfimages/default-source/awards/g2-leader-mid-market-2026.webp?Status=Master&sfvrsn=ff32adfb_1" class="u-m-w15 u-w10"><p class="u-fs14 u-ff-sans0 u-pt1">G2 Mid-Market Spring 2026</p>
|
Анализировать url |
| telerik.com |
<span>Area Chart</span>
|
Анализировать url |
| telerik.com |
<span>Bar Chart</span>
|
Анализировать url |
| telerik.com |
<span>Box Plot</span>
|
Анализировать url |
| telerik.com |
<span>Bubble Chart</span>
|
Анализировать url |
| telerik.com |
<span>Bullet Chart</span>
|
Анализировать url |
| telerik.com |
<span>Chart Wizard</span>
|
Анализировать url |
| telerik.com |
<span>Charts</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
|
Анализировать url |
| telerik.com |
<span>Donut Chart</span>
|
Анализировать url |
| telerik.com |
<span>Funnel Chart</span>
|
Анализировать url |
| telerik.com |
<span>Heatmap</span>
|
Анализировать url |
| telerik.com |
<span>Line Chart</span>
|
Анализировать url |
| telerik.com |
<span>Pie Chart</span>
|
Анализировать url |
| telerik.com |
<span>Polar Chart</span>
|
Анализировать url |
| telerik.com |
<span>Pyramid Chart</span>
|
Анализировать url |
| telerik.com |
<span>Radar Chart</span>
|
Анализировать url |
| telerik.com |
<span>Range Area Chart</span>
|
Анализировать url |
| telerik.com |
<span>Sankey Diagram</span>
|
Анализировать url |
| telerik.com |
<span>Scatter Chart</span>
|
Анализировать url |
| telerik.com |
<span>Sparkline</span>
|
Анализировать url |
| telerik.com |
<span>Waterfall Chart</span>
|
Анализировать url |
| telerik.com |
<span>Rich Text Editor</span>
|
Анализировать url |
| telerik.com |
<span>TreeList</span>
|
Анализировать url |
| telerik.com |
<span>Gantt Chart</span>
|
Анализировать url |
| telerik.com |
<span>Scheduler</span>
|
Анализировать url |
| telerik.com |
<span>ChunkProgressBar</span>
|
Анализировать url |
| telerik.com |
<span>CircularProgressBar</span>
|
Анализировать url |
| telerik.com |
<span>Progress Bar</span>
|
Анализировать url |
| telerik.com |
<span>Button</span>
|
Анализировать url |
| telerik.com |
<span>ButtonGroup</span>
|
Анализировать url |
| telerik.com |
<span>Chip</span>
|
Анализировать url |
| telerik.com |
<span>ChipList</span>
|
Анализировать url |
| telerik.com |
<span>DropdownButton</span>
|
Анализировать url |
| telerik.com |
<span>Floating Action Button</span>
|
Анализировать url |
| telerik.com |
<span>Speech To Text Button</span>
|
Анализировать url |
| telerik.com |
<span>SplitButton</span>
|
Анализировать url |
| telerik.com |
<span>Data Query</span>
|
Анализировать url |
| telerik.com |
<span>Date Math</span>
|
Анализировать url |
| telerik.com |
<span>Drag-and-Drop</span>
|
Анализировать url |
| telerik.com |
<span>Drawing</span>
|
Анализировать url |
| telerik.com |
<span>Excel Export</span>
|
Анализировать url |
| telerik.com |
<span>PDF Export</span>
|
Анализировать url |
| telerik.com |
<span>PDF Viewer</span>
|
Анализировать url |
| telerik.com |
<span>Badge</span>
|
Анализировать url |
| telerik.com |
<span>Loader</span>
|
Анализировать url |
| telerik.com |
<span>Skeleton</span>
|
Анализировать url |
| telerik.com |
<span>ActionSheet</span>
|
Анализировать url |
| telerik.com |
<span>AppBar (NavBar)</span>
|
Анализировать url |
| telerik.com |
<span>BottomNavigation</span>
|
Анализировать url |
| telerik.com |
<span>BreadCrumb</span>
|
Анализировать url |
| telerik.com |
<span>Drawer</span>
|
Анализировать url |
| telerik.com |
<span>Calendar</span>
|
Анализировать url |
| telerik.com |
<span>DateInput</span>
|
Анализировать url |
| telerik.com |
<span>DatePicker</span>
|
Анализировать url |
| telerik.com |
<span>DateRange</span>
|
Анализировать url |
| telerik.com |
<span>DateTimePicker</span>
|
Анализировать url |
| telerik.com |
<span>MultiViewCalendar</span>
|
Анализировать url |
| telerik.com |
<span>TimePicker</span>
|
Анализировать url |
| telerik.com |
<span>Dialog</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
|
Анализировать url |
| telerik.com |
<span>Window</span>
|
Анализировать url |
| telerik.com |
<span>FloatingLabel</span>
|
Анализировать url |
| telerik.com |
<span>Label</span>
|
Анализировать url |
| telerik.com |
<span>Icon</span>
|
Анализировать url |
| telerik.com |
<span>SVGIcon</span>
|
Анализировать url |
| telerik.com |
<span>Typography</span>
|
Анализировать url |
| telerik.com |
<span>Diagram</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
|
Анализировать url |
| telerik.com |
<span>Map</span>
|
Анализировать url |
| telerik.com |
<span>AutoComplete</span>
|
Анализировать url |
| telerik.com |
<span>ComboBox</span>
|
Анализировать url |
| telerik.com |
<span>DropDownList</span>
|
Анализировать url |
| telerik.com |
<span>DropDownTree</span>
|
Анализировать url |
| telerik.com |
<span>MultiColumnComboBox</span>
|
Анализировать url |
| telerik.com |
<span>MultiSelect</span>
|
Анализировать url |
| telerik.com |
<span>MultiSelectTree</span>
|
Анализировать url |
| telerik.com |
<span>ArcGauge</span>
|
Анализировать url |
| telerik.com |
<span>CircularGauge</span>
|
Анализировать url |
| telerik.com |
<span>LinearGauge</span>
|
Анализировать url |
| telerik.com |
<span>RadialGauge</span>
|
Анализировать url |
| telerik.com |
<span>Grid</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
<span class="AITag" aria-label="AI"></span>
|
Анализировать url |
| telerik.com |
<span>Grid AI Toolbar Assistant</span>
<span class="AITag" aria-label="AI"></span>
|
Анализировать url |
| telerik.com |
<span>PivotGrid</span>
|
Анализировать url |
| telerik.com |
<span>Spreadsheet</span>
<span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span>
|
Анализировать url |
| telerik.com |
<span>File Saver</span>
|
Анализировать url |
| telerik.com |
<span>File Select</span>
|
Анализировать url |
| telerik.com |
<span>Upload</span>
|
Анализировать url |
| telerik.com |
<span>Checkbox</span>
|
Анализировать url |
| telerik.com |
<span>ColorGradient</span>
|
Анализировать url |
| telerik.com |
<span>ColorPalette</span>
|
Анализировать url |
| telerik.com |
<span>ColorPicker</span>
|
Анализировать url |
| telerik.com |
<span>FlatColorPicker</span>
|
Анализировать url |
| telerik.com |
<span>Form</span>
|
Анализировать url |
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Оптимизация сайта kendoui.com выполнена всего на 54%. Чтобы исправить ситуацию и попасть в ТОП необходимо:
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: