CINXE.COM

<!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=638412637900000000"> </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/68cd73d1da7dfdf52c84f841ea1981f31d91ba44/telerik/css/code-block.css" rel="stylesheet" type="text/css"><link href="https://dtzbdy9anri2p.cloudfront.net/cache/96f6f06b026d9ce2d28359da3ac185a0419e72b5/telerik/css/style.css" rel="stylesheet" type="text/css"> <title> .NET MAUI Controls for Mobile and Desktop Apps | Telerik UI </title> <link rel="canonical" href="https://www.telerik.com/maui-ui" /><style type="text/css" media="all">.BubbleBox:after,.BubbleBox:before{background-image:radial-gradient(circle at bottom left,transparent 0,transparent 68.5%,#282f89 70.5%),radial-gradient(circle at bottom right,transparent 0,transparent 68.5%,#282f89 70.5%)!important}</style><style type="text/css" media="all">.Accordion-inner p{ color:#0f1349 !important} 32132.Accordion-media-wrap{height:auto !important} .BubbleBox .Btn.Btn--round3 span { color: #3d57d8; } .BubbleBox .Btn.Btn--round3:hover span { color: #fff; text-decoration: none; }</style><style type="text/css" media="all">body{overflow-anchor:none}.Accordion-inner p{color:#000 !important}.Accordion-media-wrap{height:575px}.Accordion-media-image::after,.Accordion-module-media-image::after{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(95%,#06163e)),-webkit-gradient(linear,left top,right top,color-stop(50%,transparent),color-stop(93%,#06163e));background-image:linear-gradient(180deg,transparent 65%,#06163e 95%),linear-gradient(90deg,transparent 50%,#06163e 93%)}.Accordion-media-image{opacity:.95}.Accordion-carrousel span{color:#fff}.Accordion .Section-bg img{height:100.1%}iframe#preview{width:100%;max-width:1000px !important;background-color:#fff;height:500px}.Tab-demo.Tab-demo--Overlay{background-size:cover}.Accordion--bubble .Accordion-toggle h3{color:#71a6ff}.Accordion--bubble .is-active .Accordion-toggle h3{color:#000}.Tab-demo.Tab-demo--Overlay{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/grid-blackmetro.jpg);background-repeat:no-repeat;position:relative;transition:all 200ms linear}.Tab-demo.Tab-demo--Overlay[data-theme=Silk]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/grid-silk.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-theme=Material]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/grid-material.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-theme=Glow]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/grid-glow.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-theme=Bootstrap]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/grid-bootstrap.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-widget=Editor]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/editor-blackmetro.jpg)}.Tab-demo.Tab-demo--Overlay[data-widget=Editor][data-theme=Silk]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/editor-silk.png)}.Tab-demo.Tab-demo--Overlay[data-widget=Editor][data-theme=Material]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/editor-material.png)}.Tab-demo.Tab-demo--Overlay[data-widget=Editor][data-theme=Glow]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/editor-glow.png)}.Tab-demo.Tab-demo--Overlay[data-widget=Editor][data-theme=Bootstrap]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/editor-bootstrap.png)}.Tab-demo.Tab-demo--Overlay[data-widget=Gantt]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/gantt-blackmetri.jpg)}.Tab-demo.Tab-demo--Overlay[data-widget=Gantt][data-theme=Silk]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/gantt-silk.png?v=1)}.Tab-demo.Tab-demo--Overlay[data-widget=Gantt][data-theme=Material]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/gantt-material.png?v=1)}.Tab-demo.Tab-demo--Overlay[data-widget=Gantt][data-theme=Glow]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/gantt-glow.png?v=1)}.Tab-demo.Tab-demo--Overlay[data-widget=Gantt][data-theme=Bootstrap]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/gantt-bootstrap.png?v=1)}.Tab-demo.Tab-demo--Overlay[data-widget=Timeline]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/timeline-blackmetro.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-widget=Timeline][data-theme=Silk]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/timeline-silk.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-widget=Timeline][data-theme=Material]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/timeline-material.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-widget=Timeline][data-theme=Glow]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/timeline-glow.png?v=2)}.Tab-demo.Tab-demo--Overlay[data-widget=Timeline][data-theme=Bootstrap]{background-image:url(https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/components/timeline-bootstrap.png?v=2)}.Tab-demo button{display:none}.Tab-demo.Tab-demo--Overlay button{display:block;position:absolute;top:42%;left:42%}</style><style type="text/css" media="all">.Card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-align:start;-ms-flex-align:start;align-items:center;align-items:flex-start;background:#c0e6f8;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:25px 40px 0}.Card a{color:#282f89;margin-bottom:12px}.Card-tag{background:hsla(0,0%,100%,.5);border-radius:10px;color:#4d4f52;font-size:15px;font-weight:500;height:20px;line-height:1.1;margin-bottom:15px;padding:2px 12px}.Card-content{-webkit-box-flex:1;color:#000;-ms-flex:1;flex:1;margin-bottom:12px;padding:0 25px}@media only screen and (max-width:960px){.Card{padding:15px 20px 0}}</style><style type="text/css" media="all">.Section--bg-image{background:url(/sfimages/default-source/default-album/curve_bottom01.png?sfvrsn=61c2d838_0) center 260px repeat-x}</style><style type="text/css" media="all">.parallax-image-1,parallax-image-2{position:relative;top:10px;left:10px}.animated-image{position:relative;top:-300px;opacity:0;transition:ease-in 1.5s}.animated-image.is-intoview{opacity:1;top:0}</style><style type="text/css" media="all">.u-bc-dark{border-color:#707070!important}.u-bb1{border-bottom:1px solid rgba(229,232,234,1)}.LabelB.LabelB--custom{margin-bottom:5px}</style><style type="text/css" media="all">.Section--cloud{background:url(/sfimages/default-source/productsimages/maui/clouds_background.png) center 290px no-repeat}</style><style type="text/css" media="all">.justified-buttons{display:flex;flex-direction:row !important;justify-content:space-between}@media(max-width:620px){.row--aligned [class*="col-"] div{height:auto !important}}.bs0001{box-shadow:0 2px 10px rgba(0,0,0,.1)}</style><style type="text/css" media="all">.Section--patch{max-width:1540px !important}.Section-patch-container{max-width:1170px;margin:0 auto}.Section--patch .BubbleBox:before{background-image:radial-gradient(circle at bottom left,transparent 0,transparent 68.5%,#dcecff 70.5%),radial-gradient(circle at bottom right,transparent 0,transparent 68.5%,#dcecff 70.5%) !important}.Section--patch .BubbleBox:after{background-image:radial-gradient(circle at bottom left,transparent 0,transparent 68.5%,#dcecff 70.5%),radial-gradient(circle at bottom right,transparent 0,transparent 68.5%,#dcecff 70.5%) !important}.Section--patch{max-width:1540px !important}.Section-patch-container{max-width:1170px;margin:0 auto}.Section--patch .BubbleBox:before{background-image:radial-gradient(circle at bottom left,transparent 0,transparent 68.5%,#dcecff 70.5%),radial-gradient(circle at bottom right,transparent 0,transparent 68.5%,#dcecff 70.5%) !important}.Section--patch .BubbleBox:after{background-image:radial-gradient(circle at bottom left,transparent 0,transparent 68.5%,#dcecff 70.5%),radial-gradient(circle at bottom right,transparent 0,transparent 68.5%,#dcecff 70.5%) !important}@media(max-width:1380px){.Section--patch,.Section--patch .container{padding:0 !important}#WhatsNew{margin-top:0 !important}.BubbleBox{border-radius:0 !important}}</style><meta property="og:title" content=".NET MAUI Controls for Mobile and Desktop Apps | Telerik UI" /><meta property="og:type" content="website" /><meta property="og:url" content="https://www.telerik.com/maui-ui" /><meta property="og:site_name" content="Telerik.com" /><style type="text/css" media="all">@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: fade-in .8s forwards 1s } .DC-scroller a:not(.Btn) { display: inline-block; float: left; font: 600 13px/1.3 Metric, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 1px !important; color: #fff; padding: 3px 10px; border-radius: 15px; border: 1px solid transparent; margin-bottom: 10px; transition: all .3s } .DC-scroller a {clear: both;} .DC-scroller a.is-active { color: #fff } .DC-scroller a:hover { text-decoration: underline; } .DC-scroller a.is-active { border-color: inherit } .DC-scroller a.is-active:hover { text-decoration: none; } #html body.is-scrolling { pointer-events: none } /*#html body.is-scrolling :not(.DC-layer):not(.DC-scroller):not(.track--HeroBanner.Section) { z-index: -1 }*/ .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; } .DC-scroller.DC-scroller--light a.is-active:hover { text-decoration: none; } #html .Btn--round2 { color: #fff !important; } @media (max-width:1560px) { .DC-scroller { display: none } } .DC-scroller .Btn--round2 { background-color: #eb0249; border-color: #eb0249; } .DC-scroller .Btn--round2:hover { background-color: #b90139; border-color: #b90139; text-decoration: none!important; } .TK-Nav {z-index: 99999999 !important;} @media (max-width:1560px) { .DC-scroller { display:none } } .DC-scroller.is-paused a { color: #3D57D8; } .DC-scroller.is-paused a.is-active { color: #000 } [tabindex="-1"]{outline: 0}</style><style type="text/css" media="all">html body .tlrk{line-height:1.25}.sf_cols{width:100%}</style><meta name="twitter:title" content=".NET MAUI Controls for Mobile and Desktop Apps | Telerik UI" /><meta property="og:description" content="Telerik offers 60+ .NET MAUI controls to enable your cross-platform development of native Windows, macOS, Android and iOS apps." /><meta name="twitter:description" content="Telerik offers 60+ .NET MAUI controls to enable your cross-platform development of native Windows, macOS, Android and iOS apps." /><meta name="twitter:url" content="https://www.telerik.com/maui-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="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\":\"d8d4aff1-580f-41b6-bc8d-e2406f489f1c\",\"ContentType\":\"Page\",\"Title\":\".NET MAUI UI\",\"CanonicalTitle\":\".NET MAUI UI\",\"DefaultLanguage\":\"en\",\"CreatedOn\":\"2021-05-25T17:39:40Z\",\"ModifiedOn\":\"2025-03-04T08:32:51Z\",\"SiteName\":\"TelerikCom\",\"PageHierarchies\":[{\"Id\":\"aefdefbe-ac62-466f-b972-82bfcb418eef\",\"Title\":\"Telerik UI for .NET MAUI\",\"Parent\":{\"Id\":\"20ce8493-e2c1-4625-8f09-a2a99b6a96d9\",\"Title\":\"Products Taxonomy\"}}],\"PageId\":\"d8d4aff1-580f-41b6-bc8d-e2406f489f1c\",\"ABTest\":{\"Id\":\"f385b50e-feee-4a26-8901-642ad49900da\",\"VariantId\":\"34a99177-e345-4f27-9ded-66bcc8b2fc01\",\"Name\":\"MAUI Product Page - CTA button from Download Free Trial to Get Started\",\"VariantName\":\"Get Started Button\"}}","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|False","docsHrefTestExpressions":[".*\\/docs\\/.+\\.{1}.+((\\?|\\\u0026)sfvrsn=.+){1}$",".+((\\?|\\\u0026)sf_dm_key=.+){1}$"]} </script><script type="text/javascript" src="/WebResource.axd?d=HtQyXelCu6mzSPcVcvK_BnBLuTvfT4YnhIxMh-5HvNKgqByRIHbbXoW-WLawts4Fh-UeZCJ3U3bxoGXTa9IeTV0YgoErORFnWeFm4Ee4GKMjgFOUUaD27X8_kP6MXFbUOYCXuGSyPJKcRpIAXeuKlNLzK7M8ff_SiSbDuCJrAGc7qHYMaATrTTzCQGFPIhXxUg-JFb_e0_0l8itIi7oyj_QLiEUjvHa-WpKcceSkwp41&t=638412637900000000"> </script><script src="https://cdn.insight.sitefinity.com/sdk/sitefinity-insight-client.min.3.1.13.js" crossorigin="" async="async"> </script><meta name="description" content="Telerik offers 60+ .NET MAUI controls to enable your cross-platform development of native Windows, macOS, Android and iOS apps." /></head> <body id="telerik" class="telerik"> <script src='https://d6vtbcy3ong79.cloudfront.net/external-assets/1.0.27/utils/store-lead-data.min.js' type="text/plain" class="optanon-category-2"></script> <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/2.2.7/css/metric.min.css" as="style" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Light.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Medium.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Regular.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Semibold.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.76/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/2.2.7/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.5.76/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.5.76" data-tlrk-nav-template="nav-maui-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">Telerik UI for .NET MAUI <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"><div class="TK-col-6"><div class="TK-Bundles TK-BG"><p class="TK-Dash-Title">Product Bundles</p><a href="/devcraft" class="TK-Bundle" data-match-exact-path><div class="TK-Bundle-Icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 70" width="75" height="61"><path d="M70 35c0 5.3-1.2 10.3-3.2 14.7-4.8 10.4-14.6 18-26.4 19.8-1.8.4-3.6.5-5.4.5-2.6 0-5.1-.3-7.5-.8-6.9-1.5-13.1-5.1-17.8-10C7.1 56.5 5 53.4 3.4 50c-.4-.8-.7-1.5-1-2.3C.8 43.7 0 39.5 0 35 0 15.7 15.7 0 35 0s35 15.7 35 35z" fill-rule="evenodd" clip-rule="evenodd" fill="#a3d8f1"/><path d="M40.9 65.6l-.5 4c-1.8.3-3.6.4-5.4.4-2.6 0-5.1-.3-7.5-.8-6.9-1.5-13.1-5.1-17.8-10C7.1 56.5 5 53.4 3.4 50c3.2-4.4 8.2-7.5 14-8.3 1-.1 1.9-.2 2.9-.2.6 0 1.1 0 1.7.1 4.7.4 8.9 2.3 12.2 5.2 3 2.7 5.3 6.2 6.3 10.1.7 2.7.9 5.7.4 8.7z" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M17.3 48.5L32 61.3l13.2-7-10-8c-1.4-1.1-2.3-2.9-2.3-4.7v-9H17.3v15.9z" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><path d="M21.9 32.6v15.9l-2.3 2-9.9 8.7C7.1 56.5 5 53.4 3.4 50c-.4-.8-.7-1.5-1-2.3L4 46.3c1.4-1.1 2.3-2.9 2.3-4.7v-9h15.6z" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><defs><filter id="tlrk-nav-a" filterUnits="userSpaceOnUse" x="28.1" y=".3" width="31.2" height="17.4"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="28.1" y=".3" width="31.2" height="17.4" id="tlrk-nav-b"><g filter="url(#tlrk-nav-a)"><path d="M25.7 10.8l32.5-11L61.4 9 28.8 20z" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/></g></mask><path d="M28.1 17.8l9.1-8.4c2-1.9 4.9-2.3 7.4-1 3 1.5 6.6.5 8.4-2.3L56.6.4 59.3 3l-5.1 7.2c-1.9 2.7-5.6 3.5-8.5 1.9l-1.1-.6c-2.1-1.2-4.6-1.1-6.7.2l-9.8 6.1z" mask="url(#tlrk-nav-b)" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M62.8 13.7l-8 6.2a6.61 6.61 0 01-8.2 0l-3.2-2.5c-1.4-1.1-3.2-1.6-5-1.3l-10.2 1.5 10.1-3.7c1.9-.7 4.1-.5 5.8.6l2.5 1.6c2.5 1.5 5.7 1.3 7.9-.6l5.6-4.8 2.7 3z" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M27 11.6h-5.5c-8.4 0-15.3 6.8-15.3 15.3v15.6c0 3.4 2.7 6.1 6.1 6.1H27c3.4 0 6.1-2.7 6.1-6.1V17.7c0-3.4-2.8-6.1-6.1-6.1" fill-rule="evenodd" clip-rule="evenodd" fill="#14254c"/><path d="M31.7 32.2c0 6.7-5.4 12.1-12.1 12.1S7.5 38.8 7.5 32.2s5.4-12.1 12.1-12.1 12.1 5.4 12.1 12.1" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><defs><filter id="tlrk-nav-c" filterUnits="userSpaceOnUse" x="9.1" y="15.8" width="21.1" height="34"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="9.1" y="15.8" width="21.1" height="34" id="tlrk-nav-d"><g filter="url(#tlrk-nav-c)"><path d="M7.5 32.2c0 6.7 5.4 12.1 12.1 12.1 6.7 0 12.1-5.4 12.1-12.1 0-6.7-5.4-12.1-12.1-12.1-6.7 0-12.1 5.4-12.1 12.1z" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/></g></mask><path d="M9.1 48.1V26.3c0-5.8 4.7-10.5 10.5-10.5s10.5 4.7 10.5 10.5v23.5l-21-1.7z" mask="url(#tlrk-nav-d)" fill-rule="evenodd" clip-rule="evenodd" fill="#e9ac6a"/><path d="M14.6 35.1h5.5v-9.5z" fill="#dc7f1b" fill-rule="evenodd" clip-rule="evenodd"/><path d="M20.3 39.3c1.3.1 2.7-.2 4-1 1.1-.6 1.8-1.5 2.3-2.3l-1-.6c-.4.7-1.1 1.4-1.9 1.9-1.1.7-2.3.9-3.3.8l-.1 1.2z" fill="#fff"/><path d="M27.4 27.6h-2.3c0-.6.5-1.1 1.1-1.1h.2c.5 0 1 .5 1 1.1m-13.5 0h-2.3c0-.6.5-1.1 1.1-1.1h.2c.6 0 1 .5 1 1.1" fill="#231f20" fill-rule="evenodd" clip-rule="evenodd"/><path d="M7.5 24.7h25.1v-1.2H7.5zm0 5.5h25.1V29H7.5zm0 11h23.6v-1.3H7.5zm0-5.5h25.1v-1.3H7.5z" fill="#14254c"/><path d="M66.8 49.7c-4.8 10.4-14.6 18-26.4 19.8-1.8.4-3.6.5-5.4.5-2.6 0-5.1-.3-7.5-.8l-.4-2.8c-.5-3.1-.3-6.2.4-9 1.1-4.2 3.4-7.9 6.5-10.7.2-.2.5-.5.8-.7 3.8-3.2 8.7-5.1 14.2-5.1 7.3 0 13.7 3.5 17.8 8.8z" fill-rule="evenodd" clip-rule="evenodd"/><g fill-rule="evenodd" clip-rule="evenodd"><path d="M56.503 26.65c5.8-3 11.9-4.7 16.4-2.3 2.5 1.4 3.1 3.3 5.4 4 3 .9 7.5-.8 14.8-9.4l4.1 4.4c-10.7 10.6-16.4 11.8-19.7 10.4-2.6-1-3.2-3.4-6.7-5.5-4.8-2.7-10.3-2.4-14.3-1.6" fill="#8174f2"/><path d="M58.003 26.05c2.9-7.4 9.8-11.7 16-10.9 4.9.7 7.9 4.3 8.7 5.5-1.6.9-3.2 1.9-4.8 2.8-1.2-1-3-2.2-5.4-2.8-7.6-1.8-14 4.9-14.5 5.4" fill="#8174f2"/><path d="M37.103 44.85l-2-13.4c0-7.4 6.1-13.4 13.5-13.4s13.5 6 13.5 13.4l-1.7 13.4c-.8 5.8-5.8 10.1-11.6 10.1s-10.8-4.3-11.7-10.1z" fill="#00264b"/><path d="M34.803 34.25h27.5v-5.8h-27.5z" fill="#8174f2"/><path d="M57.003 38.05h-16.5c-1.8 0-3.3-1.5-3.3-3.3 0-1.8 1.5-3.3 3.3-3.3h16.5c1.8 0 3.3 1.5 3.3 3.3 0 1.8-1.5 3.3-3.3 3.3" fill="#e9ac6a"/><path d="M39.203 35.05c0-.6.5-1.1 1.1-1.1.6 0 1.1.5 1.1 1.1m11 .1c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1" fill="#00264b"/><path d="M46.403 38.05h2.9v-5.5z" fill="#dc7f1b"/></g></svg></div><p class="TK-Bundle-Title TK-Best-Value">DevCraft</p><p class="TK-Bundle-Description">All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:</p><ul class="TK-Bundle-list"><li><strong>NEW</strong>: Design Kits for Figma</li><li>Online Training</li><li>Document Processing Library</li><li>Embedded Reporting for web and desktop</li></ul></a></div></div><div class="TK-col-18"><div class="TK-row"><div class="TK-col-8"><p class="TK-Dash-Title">Web</p><div class="TK-Dash-Links"><a href="/kendo-ui" class="TK-Dash-Link" data-match-exact-path>Kendo UI</a> <a href="/kendo-jquery-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>UI for jQuery</a> <a href="/kendo-angular-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>UI for Angular</a> <a href="/kendo-react-ui" class="TK-Dash-Link TK-Dash-Link--Indented TK-Updated" data-match-exact-path>UI for React</a> <a href="/kendo-vue-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>UI for Vue</a> <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">Mobile</p><div class="TK-Dash-Links"><a href="/maui-ui" class="TK-Dash-Link" data-match-exact-path>UI for .NET MAUI</a></div><p class="TK-Dash-Title">Document Management</p><div class="TK-Dash-Links"><a href="/document-processing-libraries" class="TK-Dash-Link" data-match-exact-path>Telerik Document Processing</a></div></div><div class="TK-col-8"><p class="TK-Dash-Title">Desktop</p><div class="TK-Dash-Links"><a href="/maui-ui" class="TK-Dash-Link" data-match-exact-path>UI for .NET MAUI</a> <a href="/winui" class="TK-Dash-Link" data-match-exact-path>UI for WinUI</a> <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></div><p class="TK-Dash-Title">Reporting</p><div class="TK-Dash-Links"><a href="/products/reporting.aspx" class="TK-Dash-Link" data-match-exact-path>Telerik Reporting</a> <a href="/report-server" class="TK-Dash-Link" data-match-exact-path>Telerik Report Server</a></div><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="/teststudio-dev" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Test Studio Dev Edition</a> <a href="/products/mocking.aspx" class="TK-Dash-Link" data-match-exact-path>Telerik JustMock</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-8"><p class="TK-Dash-Title">UI/UX Tools</p><div class="TK-Dash-Links"><a href="/themebuilder" class="TK-Dash-Link TK-Updated" data-match-exact-path>ThemeBuilder</a> <a href="/design-system" class="TK-Dash-Link" data-match-exact-path>Design System Kit</a> <a href="/page-templates-and-ui-blocks" class="TK-Dash-Link" data-match-exact-path>Templates and Building Blocks</a></div><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><p class="TK-Dash-Title"></p><div class="TK-Dash-Links"></div><p class="TK-Dash-Title">Free Tools</p><div class="TK-Dash-Links"><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 class="TK-Dash-Footer"><a href="/all-products" class="TK-Dash-Featured-Link" data-match-exact-path>View 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="/maui-ui" class="TK-Menu-Item-Link" data-match-exact-path>Overview</a></li><li class="TK-Menu-Item"><a href="/maui-ui/demo-apps" class="TK-Menu-Item-Link" data-match-exact-path>Demos</a></li><li class="TK-Menu-Item"><button type="button" class="TK-Menu-Item-Button">Roadmap <i class="TK-Arrow"></i></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Small TK-Dropdown--Mobile"><li><a href="/support/whats-new/maui-ui" class="TK-Dropdown-Link" data-match-exact-path>What's New</a></li><li><a href="/support/whats-new/maui-ui/roadmap" class="TK-Dropdown-Link" data-match-exact-path>Roadmap</a></li><li><a href="/support/whats-new/maui-ui/release-history" class="TK-Dropdown-Link" data-match-starts-with-path>Release History</a></li></ul></li><li class="TK-Menu-Item TK-Menu-Item--static"><button type="button" class="TK-Menu-Item-Button">Docs & Support <i class="TK-Arrow"></i></button><div class="TK-Dropdown TK-Dropdown--Double TK-Dropdown--Mobile TK-Dropdown--East TK-Dropdown--3XL"><div class="TK-container"><div class="TK-row"><div class="TK-col-9"><p class="TK-Dash-Title">Support and Learning</p><ul class="TK-Dropdown-List"><li><a href="/support/maui-ui" class="TK-Dropdown-List-Link" data-match-exact-path>Support and Learning Hub</a></li><li><a href="/maui-ui/resources" class="TK-Dropdown-List-Link" data-match-exact-path>Resources Hub</a></li><li><a href="/blogs/tag/beyond-the-basics-in-net-maui" class="TK-Dropdown-List-Link" data-match-exact-path>.NET MAUI Tutorials and Learning</a></li><li><a href="https://docs.telerik.com/devtools/maui/get-started/" class="TK-Dropdown-List-Link" data-match-pattern>First Steps</a></li><li><a href="/account/support-center" class="TK-Dropdown-List-Link" data-match-exact-path>Submit a Ticket</a></li><li><a href="/faqs/net-maui" class="TK-Dropdown-List-Link" data-match-exact-path>FAQs</a></li></ul></div><div class="TK-col-6"><p class="TK-Dash-Title">Docs & Resources</p><ul class="TK-Dropdown-List"><li><a href="https://docs.telerik.com/devtools/maui/introduction" class="TK-Dropdown-List-Link" data-match-pattern>Docs</a></li><li><a href="/maui-ui/demo-apps" class="TK-Dropdown-List-Link" data-match-exact-path>Demos</a></li><li><a href="/maui-ui/migration" class="TK-Dropdown-List-Link" data-match-exact-path>Migrate to .NET MAUI</a></li><li><a href="/forums/maui" class="TK-Dropdown-List-Link" data-match-exact-path>Forums</a></li><li><a href="/videos/product/maui-ui" class="TK-Dropdown-List-Link" data-match-exact-path>Videos</a></li><li><a href="/blogs/tag/net-maui" class="TK-Dropdown-List-Link" data-match-exact-path>Blogs</a></li></ul></div><div class="TK-col-9"><p class="TK-Dash-Title">Productivity and Design Tools</p><ul class="TK-Dropdown-List"><li><a href="https://docs.telerik.com/devtools/maui/installation/windows/vs-template" class="TK-Dropdown-List-Link" data-match-pattern>Visual Studio Templates</a></li><li><a href="/products/reporting.aspx" class="TK-Dropdown-List-Link" data-match-exact-path>Embedded Reporting</a></li></ul></div></div></div></div></li><li class="TK-Menu-Item"><a href="/purchase/maui-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/kendo.svg'" 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" 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"><a href="/try/ui-for-maui" class="TK-Button TK-Button--CTA">Try now</a></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 nomodule src="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.76/js/index.min.js"></script><script async type="module" src="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.76/js/index.min.mjs"></script><div id="ContentPlaceholder1_T53129E6C012_Col00" class="sf_colsIn PageWrapper tlrk" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><script> (function (a, b, c, d) { window.fetch("https://www.g2.com/products/progress-telerik/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_C459_Col00" class="sf_colsIn Section u-pt0 u-pb0 u-bg-blue3 u-zi2" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C471_Col00" class="sf_colsIn Section-bg u-m-dn Section-bg--containT" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <img loading="lazy" src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/banner/maui-bg-1920.png?sfvrsn=5cc243fe_12" title="Telerik .NET MAUI Controls" alt="Telerik .NET MAUI Controls" /> </div> <div id="ContentPlaceholder1_C469_Col00" class="sf_colsIn container u-pt10 u-pb8 sctn-Overview" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C453_Col00" class="sf_colsIn col-8 u-xl-col-6 u-l-col-8 u-m-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"> <div class="Lbl u-c-black u-fs12 u-mb2">Visual Studio 2022, NET 8 & .NET 9 Support</div><h1 class="u-mb2">.NET MAUI Controls for Cross-Platform Mobile and Desktop Apps </h1><p class="u-fs28 u-ff-sans u-fw3 u-mb4">Kickstart your multiplatform development of native Windows, macOS, Android, iOS apps and modernize legacy projects in half the time with 60+ .NET MAUI controls and a high-performing Grid! <span style="color:#dedeeb;font-family:Metric, Arial, sans-serif;font-size:20px;background-color:#151950;"></span></p><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C609_Col00" class="sf_colsIn col-5 u-xl-col-6 u-l-col-5" data-sf-element="Column 1" data-placeholder-label="Column 1"> <a class="Btn Btn--prim u-db u-mb1" href="/try/ui-for-maui" data-sf-ec-immutable="">Download Free Trial</a> <p class="u-fs16">30-day FREE trial. Free technical support during your trial. No credit card requred. </p></div> <div id="ContentPlaceholder1_C609_Col01" class="sf_colsIn col-5 u-xl-col-6 u-l-col-5" data-sf-element="Column 2" data-placeholder-label="Column 2"> <a class="Btn Btn--ghost u-c-white u-db u-mb1" href="/purchase/maui-ui" data-sf-ec-immutable="">Buy Now</a> <p class="u-fs16">.NET MAUI controls are also included in DevCraft bundles. <a class="u-c-grey8 u-tdu" href="/devcraft" data-sf-ec-immutable="">Learn more.</a></p></div> </div> </div> </div> </div> <div id="ContentPlaceholder1_C458_Col00" class="sf_colsIn container container--wide u-pr u-mobile-dn sctn-Demo" data-sf-element="Container"><div id="ContentPlaceholder1_C476_Col00" class="sf_colsIn BubbleBox Bubble--down u-bg-blue u-pt7 u-pb5 u-pl3 u-pr3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C647_Col00" class="sf_colsIn container" data-sf-element="GridContainer" data-placeholder-label="GridContainer"><div class="row u-mb4" data-sf-element="Row"> <div id="ContentPlaceholder1_C612_Col00" class="sf_colsIn col-8" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h2>Code Once to Build Native Applications for Mobile and Desktop</h2><p>Telerik UI for .NET MAUI delivers 60+ controls to meet all cross-platform app requirements for data handling, performance, UX, design, and so much more. Here is just some of what Telerik UI for .NET MAUI can do.</p></div> </div> <div class="AccordionBushido"> <div class="Accordion u-oh u-ml0"><div class="row"><div class="col-8 u-m-col-6 Accordion-media-wrap u-translucent u-s-dn"><div class="Accordion-media-content"><div data-widget="ListView"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/maui-illustration-listview-2x.png?sfvrsn=4b8da179_4" style="max-height:600px;" loading="lazy" class="u-db u-ma" alt="Telerik .NET MAUI ListView Control" /></div><div data-widget="Charts" class="u-dn"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/maui-illustration-charts-2x.png?sfvrsn=509c2388_4" style="max-height:600px;" loading="lazy" class="u-db u-ma" alt="Telerik .NET MAUI Charts Library" /></div><div data-widget="DataGrid" class="u-dn"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/maui-datagrid.png?sfvrsn=ebbf4e48_4" style="max-height:570px;" loading="lazy" class="u-db u-ma" alt="Telerik .NET MAUI DataGrid Control" /></div><div data-widget="TabView" class="u-dn"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/tab-view-img.png?sfvrsn=8770160_2" style="max-height:570px;" loading="lazy" class="u-db u-ma" alt="Telerik .NET MAUI TabView Control" /></div><div data-widget="DataPicker" class="u-dn"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/data-picker-img.png?sfvrsn=357d740b_2" style="max-height:570px;" loading="lazy" class="u-db u-ma" alt="Telerik .NET MAUI DatePicker Control" /></div> </div></div><div class="col-4 u-m-col-6"><ul class="List0 Accordion-module Accordion--bubble u-ff-sans1 u-l-mb3"><li class="is-active"><a data-sf-ec-immutable="" class="Accordion-toggle h4 track--view-reafuted-components-listview" href="#" data-widget="ListView"><h2 class="h4 u-mb0">CollectionView</h2></a> <div class="Accordion-inner" style="display:block;"><p class="u-fs20 u-mb1">The virtualized .NET MAUI list component that presents lists of data comes with data binding, load on demand, filtering, grouping, sorting, customizable items, and more. </p><a class="Btn Btn--round3 u-mb1" href="/maui-ui/collectionview" data-sf-ec-immutable="">Learn more about .NET MAUI CollectionView</a> </div></li><li><a data-sf-ec-immutable="" class="Accordion-toggle h4 k-button track--view-reafuted-components-charts" href="#" data-widget="Charts"><h2 class="h4 u-mb0">Charts</h2></a> <div class="Accordion-inner"><p class="u-fs20 u-mb1">A wide range of MAUI charts, graph types and series that enable you to visualize data according to the native platform standards of Android, iOS, macOS, and Windows. </p><a class="Btn Btn--round3 u-mb1" href="/maui-ui/chart" data-sf-ec-immutable="">Learn more about .NET MAUI Charts</a> </div></li><li><a data-sf-ec-immutable="" class="Accordion-toggle h4 track--view-reafuted-components-datagrid" href="#" data-widget="DataGrid"><h2 class="h4 u-mb0">DataGrid</h2></a> <div class="Accordion-inner"><p class="u-fs20 u-mb1">Easily visualize, sort, filter and edit tabular represented data in your .NET MAUI applications.</p><a class="Btn Btn--round3 u-mb1" href="/maui-ui/datagrid" data-sf-ec-immutable="">Learn more about .NET MAUI DataGrid</a> </div></li><li><a data-sf-ec-immutable="" class="Accordion-toggle h4 track--view-reafuted-components-datapicker" href="#" data-widget="DataPicker"><h2 class="h4 u-mb0">DatePicker</h2></a> <div class="Accordion-inner"><p class="u-fs20 u-mb1">Highly performant .NET MAUI DatePicker control with UI virtualization, templates, multiple spinner options, flexible styling API and much more.</p><a class="Btn Btn--round3 u-mb1" href="/maui-ui/datepicker" data-sf-ec-immutable="">Learn more about .NET MAUI DatePicker</a> </div></li><li><a data-sf-ec-immutable="" class="Accordion-toggle h4 track--view-reafuted-components-tabview" href="#" data-widget="TabView"><h2 class="h4 u-mb0">TabView</h2></a> <div class="Accordion-inner"><p class="u-fs20 u-mb1">A flexible and fully customizable MAUI navigation control that allows you to build tabbed interfaces with ease.</p><a class="Btn Btn--round3 u-mb1" href="/maui-ui/tabview" data-sf-ec-immutable="">Learn more about .NET MAUI TabView</a> </div></li><li class="u-bb0 u-bg-blue u-s-pl0 u-s-pr0"><a href="#Controls" class="u-pt2 u-pl3 u-pr3 u-dib u-c-white js-anchor-scroll track--view-reafuted-all-components icon-arrow">See Full List of Controls</a> </li></ul></div></div></div> </div> </div> </div> <div id="ContentPlaceholder1_C602_Col00" class="sf_colsIn container u-mt10 u-s-mt4 u-xl-pl0 u-xl-pr0" data-sf-element="GridContainer" data-placeholder-label="GridContainer"> <div class="Card u-pr u-m-db u-tint-blue"><div class="Card-tag u-dib u-ttu u-vam u-xl-mb1 u-s-mb2">Latest News</div><div class="Card-content u-pl3 u-pr4 u-mb4 u-dib u-fs20 u-vam u-s-mb3 u-m-pr0 u-m-pl0">The 2024 Q4 Telerik UI for .NET MAUI release brings new components - DataPager, GridSplitter, Advanced Theming Support, Support for .NET 9 and enhancements to DatePicker and TimePicker.<br /><a href="https://www.telerik.com/support/whats-new/maui-ui/release-history/telerik-ui-for-net-maui-8-0-0-(2024-q4)" class="u-c-link" data-sf-ec-immutable="" data-sf-marked="">Visit the Telerik UI for .NET MAUI Release History for the full list of improvements</a> </div></div></div> </div> </div> <div class="Section u-bg-blue3 u-pb0 sctn-Benefits u-pt10" data-sf-element="Section" data-placeholder-label="Section Banner"> <div id="ContentPlaceholder1_C520_Col00" class="sf_colsIn Section-bg Section--bg-image" data-sf-element="Section Background" data-placeholder-label="Section Background"></div> <div id="ContentPlaceholder1_C520_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_C521_Col00" class="sf_colsIn col-8" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h2 class="u-mb4">Boost Your Cross-Platform App Development with 60+ .NET MAUI Components</h2><div class="row u-pb5" data-sf-element="Row"> <div id="ContentPlaceholder1_C522_Col00" class="sf_colsIn col-6" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h3 class="u-mb2 h4">Go with the Most Comprehensive .NET MAUI UI Library</h3><p>Telerik offers a wide range of 60+ .NET MAUI controls to enable your cross-platform development of native Windows, macOS, Android and iOS applications. For upcoming releases information, visit our <a href="https://www.telerik.com/support/whats-new/maui-ui/roadmap" target="_blank" data-sf-ec-immutable="" data-sf-marked="">Roadmap</a>.</p></div> <div id="ContentPlaceholder1_C522_Col01" class="sf_colsIn col-6" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="h4 u-mb2">Save Months in UI Development with One Suite for Any Scenario</h3><p>Reduce development time by 30% with the ready-to-use .NET MAUI components that enable you to build modern-looking, enterprise-ready applications with unmatched performance. <a href="https://www.youtube.com/watch?v=hsxxTfNenik" target="_blank" data-sf-ec-immutable="" data-sf-marked="">Get started quickly.</a></p></div> </div> <div class="row u-pb5" data-sf-element="Row"> <div id="ContentPlaceholder1_C531_Col00" class="sf_colsIn col-6" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h3 class="u-mb2 h4">Desktop Is a First-Class Citizen<span data-contrast="auto" style="font-size:12pt;line-height:19px;font-family:Calibri, 'Calibri_EmbeddedFont', 'Calibri_MSFontService', sans-serif;" class="TextRun SCXW161542257 BCX2" lang="EN-US"><span class="NormalTextRun SCXW161542257 BCX2"></span><span class="NormalTextRun SCXW161542257 BCX2">—</span> </span>and Now You Can Target macOS</h3><p>For the first time, .NET devs can build for macOS using C# without any extra effort! And Telerik UI for .NET MAUI helps you easily create apps with outstanding UI and UX across all supported mobile & desktop platforms. </p></div> <div id="ContentPlaceholder1_C531_Col01" class="sf_colsIn col-6" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="u-mb2 h4">Customizable Solutions for Your Business Needs</h3><p>Maximize productivity with feature-rich customizable components and enjoy seamless integration with your project, ultimately leading to lower maintenance costs.</p></div> </div> </div> <div id="ContentPlaceholder1_C521_Col01" class="sf_colsIn col-4 u-pt12 u-s-pt0" data-sf-element="Column 2" data-placeholder-label="Column 2"><div id="ContentPlaceholder1_C523_Col00" class="sf_colsIn u-s-dn" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C524_Col00" class="sf_colsIn parallax-wrap" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/clouds.png?sfvrsn=87bcfd6d_1" value="2" title="clouds" alt="clouds" class="u-pb5 parallax-image-1" /><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/boats.png?sfvrsn=e23c07c3_1" value="1" title="boats" alt="boats" class="parallax-image-2" /></div> <div id="ContentPlaceholder1_C525_Col00" class="sf_colsIn u-s-dn" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/ninja92cc89f0377046f8b045efb9830babd6.png?sfvrsn=4abccfde_2" title="ninja" alt="ninja" class="u-pt7 js-fragment js-fragment--once animated-image" /></div> </div> </div> </div> <hr class="u-mt0 u-bc-dark u-o3 " /></div> </div> <div id="ContentPlaceholder1_C646_Col00" class="sf_colsIn u-bg-blue3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><section class="Section u-bg-blue3 sctn-Features u-pt6" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C624_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <h2 id="Features" class="u-mb4 u-s-pb2">Why Choose Telerik UI for .NET MAUI</h2><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C622_Col00" class="sf_colsIn col-4 u-s-pb2 u-mb4" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h3 class="h4">Cross-platform Development</h3><p>Take advantage of our support for Android, iOS, Windows and macOS to deploy your cross-platform application from a shared codebase in no time using just C# and XAML!</p></div> <div id="ContentPlaceholder1_C622_Col01" class="sf_colsIn col-4 u-s-pb2 u-mb4" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="h4">60+ Powerful .NET MAUI Controls</h3><p>Build complex applications with high-quality and modern UI from a single library. Achieve faster time-to-market and stay ahead of the competition.</p></div> <div id="ContentPlaceholder1_C622_Col02" class="sf_colsIn col-4 u-s-pb2 u-mb4" data-sf-element="Column 3" data-placeholder-label="Column 3"> <h3 class="h4">Migrate to .NET MAUI</h3><p>Migrate legacy projects <a href="http://docs.telerik.com/devtools/maui/migrate-to-net-maui" target="_blank" data-sf-ec-immutable="" data-sf-marked="">from Xamarin or desktop to .NET MAUI</a> in half the time or develop new cross-platform applications. Telerik UI for .NET MAUI has you covered.</p></div> </div> <div class="row u-mb8" data-sf-element="Row"> <div id="ContentPlaceholder1_C623_Col00" class="sf_colsIn col-4 u-mb4 u-s-pb2" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h3 class="h4">Full-featured Grid Included</h3><p>Visualize and edit tabular data in your mobile and desktop .NET MAUI applications with the most advanced <a href="https://www.telerik.com/maui-ui/datagrid" target="_blank" data-sf-ec-immutable="">.NET MAUI Data Grid</a> on the market.</p></div> <div id="ContentPlaceholder1_C623_Col01" class="sf_colsIn col-4 u-mb4 u-s-pb2" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="h4">API for Easy Customization</h3><p>Simplify the customization process in your .NET MAUI applications by leveraging our intuitive and standardized API.</p></div> <div id="ContentPlaceholder1_C623_Col02" class="sf_colsIn col-4 u-mb4 u-s-pb2" data-sf-element="Column 3" data-placeholder-label="Column 3"> <h3 class="h4">Friendly Licensing</h3><p>Benefit from user-friendly, transparent licensing with no hidden fees. Licenses are <a href="https://wwwuat.telerik.com/purchase/maui-ui" target="_blank" data-sf-ec-immutable="">subscription or perpetual</a>, giving you more flexibility and choice, depending on your business needs.</p></div> <div id="ContentPlaceholder1_C623_Col03" class="sf_colsIn col-4 u-s-pb2 u-s-mb2" data-sf-element="Column 4" data-placeholder-label="Column 4"> <h3 class="h4">Award-winning Support</h3><p>Make use of our award-winning support with 97%+ customer satisfaction. Whether you are on a trial or have a license, we stand behind our components.</p></div> <div id="ContentPlaceholder1_C623_Col04" class="sf_colsIn col-4 u-s-pb2 u-s-mb2" data-sf-element="Column 5" data-placeholder-label="Column 5"> <h3 class="h4">Documentation and Learning</h3><p>Get a running start with your cross-platform app development and enjoy our comprehensive <a href="https://docs.telerik.com/devtools/maui/introduction" data-sf-ec-immutable="">.NET MAUI documentation</a>, best-in-class technical support, sample apps, live streaming, weekly technology insights and even more learning resources.</p></div> <div id="ContentPlaceholder1_C623_Col05" class="sf_colsIn col-4 u-s-pb2 u-s-mb2" data-sf-element="Column 6" data-placeholder-label="Column 6"> <h3 class="h4">Advanced Theming Support (Preview)</h3><p>Create consistent experiences with advanced customization options and multiple color choices with our<a href="https://www.telerik.com/maui-ui/advanced-theming-support" data-sf-ec-immutable=""> .NET MAUI Theming (Preview).</a></p></div> </div> <div id="ContentPlaceholder1_C600_Col00" class="sf_colsIn u-pb0 u-p0 container container--wide u-pr" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <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-4 u-l-col-12 u-l-mb3 u-ml5 u-l-ml0 u-m-ml0 u-s-ml0"><h3 class="h4">Awards</h3><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-7 u-l-col-12"><div class="row"><div class="col-3 u-l-col-3 u-l-mb3 u-tac"><a target="_blank" href="https://www.g2.com/reports/grid-report-for-component-libraries-fall-2024.embed?featured=progress-telerik&secure%5Bgated_consumer%5D=157d051c-f1ed-4c6c-b0ac-adeaa9853367&secure%5Btoken%5D=3f23f8546a9815117c08d3e5d493e063c0ebabac40ef02d67242a64466cd38d1&utm_campaign=gate-2010637" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-leader-fall.png?sfvrsn=438d4ff5_3" title="G2 Leader Fall 2024" alt="G2 Leader Fall 2024" class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Leader Fall 2024 </p></a> </div><div class="col-3 u-l-col-3 u-l-mb3 u-tac"><a target="_blank" href="https://www.g2.com/products/progress-telerik/reviews?utm_source=rewards-badge" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-high-user-adopt-fall.png?sfvrsn=6e9ebf20_9" title="G2 Highest User Adoption Fall 2024 " alt="G2 Highest User Adoption Fall 2024 " class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Highest User Adoption Fall 2024 </p></a> </div><div class="col-3 u-l-col-3 u-l-mb3 u-tac"><a target="_blank" href="https://www.g2.com/products/progress-telerik/reviews?utm_source=rewards-badge" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-users-loveus.png?sfvrsn=5f1e996a_7" title="G2 Users Love Us Fall 2024 " alt="G2 Users Love Us Fall 2024 " class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Users Love Us Fall 2024 </p></a> </div><div class="col-3 u-l-col-3 u-l-mb3 u-tac "><a target="_blank" href="https://www.g2.com/reports/implementation-index-for-component-libraries-spring-2024.embed?featured=progress-telerik&secure%5Bgated_consumer%5D=ecc9097b-88c7-4ae4-83d6-76a29ea5ed11&secure%5Btoken%5D=1f2d40bf3bdae07760f52c4b1e1353cc5460e99b375c41eee519d042e2641904&utm_campaign=gate-1967852" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-fastest-implement-spring.png?sfvrsn=647ca968_3" title="G2 Fastest Implementation Product Spring 2024" alt="G2 Fastest Implementation Product Spring 2024" class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Fastest Implementation Product Spring 2024</p></a> </div></div></div></div></div> </div> </section> </div> <section class="Section u-bg-blue3 u-pb0 u-pt5 after-cloud sctn-Controls" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C540_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <img loading="lazy" class="u-pb3" src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/supported_for.png?sfvrsn=49079178_1" title="Supported for Microsoft,OS,iOS,Android" alt="Supported for Microsoft,OS,iOS,Android" /> <h2 class="u-mb7" id="Controls">Explore 60+ Powerful .NET MAUI Controls</h2> <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"); } </style> <div class="row u-hyphenate"> <div class="col-3"> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Controls</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/maui-ui/collectionview" class="u-ff-sans u-fs20"> <span>CollectionView</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/maui-ui/dataform" class="u-ff-sans u-fs20"> <span>DataForm</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/datagrid" class="u-ff-sans u-fs20"> <span>DataGrid</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/maui-ui/datapager" class="u-ff-sans u-fs20"> <span>DataPager</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/maui-ui/itemscontrol" class="u-ff-sans u-fs20"> <span>ItemsControl</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/listview" class="u-ff-sans u-fs20"> <span>ListView</span> </a> </li> <li> <a href="https://www.telerik.com/maui-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">Data Visualization</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/maui-ui/barcode" class="u-ff-sans u-fs20"> <span>Barcode</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/gauge" class="u-ff-sans u-fs20"> <span>Gauge</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/map" class="u-ff-sans u-fs20"> <span>Map</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/rating" class="u-ff-sans u-fs20"> <span>Rating</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Navigation & Layout</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/maui-ui/accordion" class="u-ff-sans u-fs20"> <span>Accordion</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/docklayout" class="u-ff-sans u-fs20"> <span>DockLayout</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/expander" class="u-ff-sans u-fs20"> <span>Expander</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/gridsplitter" class="u-ff-sans u-fs20"> <span>GridSplitter</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/maui-ui/navigationview" class="u-ff-sans u-fs20"> <span>NavigationView</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/sidedrawer" class="u-ff-sans u-fs20"> <span>SideDrawer</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/signaturepad" class="u-ff-sans u-fs20"> <span>SignaturePad</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/tabview" class="u-ff-sans u-fs20"> <span>TabView</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/toolbar" class="u-ff-sans u-fs20"> <span>Toolbar</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/wraplayout" class="u-ff-sans u-fs20"> <span>WrapLayout</span> </a> </li> </ul> </div> <div class="col-3"> <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/maui-ui/area-chart" class="u-ff-sans u-fs20"> <span>Area Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/bar-chart" class="u-ff-sans u-fs20"> <span>Bar Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/candlestick-chart" class="u-ff-sans u-fs20"> <span>Candlestick Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/chart" class="u-ff-sans u-fs20"> <span>Charts Overview</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/donut-chart" class="u-ff-sans u-fs20"> <span>Donut Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/financial-chart" class="u-ff-sans u-fs20"> <span>Financial Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/line-chart" class="u-ff-sans u-fs20"> <span>Line Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/ohlc-chart" class="u-ff-sans u-fs20"> <span>OHLC Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/pie-chart" class="u-ff-sans u-fs20"> <span>Pie Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/scatter-area-chart" class="u-ff-sans u-fs20"> <span>Scatter Area Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/scatter-line-chart" class="u-ff-sans u-fs20"> <span>Scatter Line Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/scatter-point-chart" class="u-ff-sans u-fs20"> <span>Scatter Point Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/scatter-spline-area-chart" class="u-ff-sans u-fs20"> <span>Scatter Spline Area Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/scatter-spline-chart" class="u-ff-sans u-fs20"> <span>Scatter Spline Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/spline-area-chart" class="u-ff-sans u-fs20"> <span>Spline Area Chart</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/spline-chart" class="u-ff-sans u-fs20"> <span>Spline Chart</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/maui-ui/button" class="u-ff-sans u-fs20"> <span>Button</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/checkbox" class="u-ff-sans u-fs20"> <span>CheckBox</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/segmented-control" class="u-ff-sans u-fs20"> <span>Segmented Control</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/templatedbutton" class="u-ff-sans u-fs20"> <span>TemplatedButton</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/maui-ui/togglebutton" class="u-ff-sans u-fs20"> <span>ToggleButton</span> <span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span> </a> </li> </ul> </div> <div class="col-3"> <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/maui-ui/autocomplete" class="u-ff-sans u-fs20"> <span>AutoComplete</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/combobox" class="u-ff-sans u-fs20"> <span>ComboBox</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/datepicker" class="u-ff-sans u-fs20"> <span>DatePicker</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/datetimepicker" class="u-ff-sans u-fs20"> <span>DateTimePicker</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/entry" class="u-ff-sans u-fs20"> <span>Entry</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/imageeditor" class="u-ff-sans u-fs20"> <span>ImageEditor</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/listpicker" class="u-ff-sans u-fs20"> <span>ListPicker</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/maskedentry" class="u-ff-sans u-fs20"> <span>MaskedEntry</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/numericinput" class="u-ff-sans u-fs20"> <span>NumericInput</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/rangeslider" class="u-ff-sans u-fs20"> <span>RangeSlider</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/richtexteditor" class="u-ff-sans u-fs20"> <span>RichTextEditor</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/maui-ui/slider" class="u-ff-sans u-fs20"> <span>Slider</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/maui-ui/templatedpicker" class="u-ff-sans u-fs20"> <span>TemplatedPicker</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/timepicker" class="u-ff-sans u-fs20"> <span>TimePicker</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/timespanpicker" class="u-ff-sans u-fs20"> <span>TimeSpanPicker</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Calendar and Scheduling</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/maui-ui/calendar" class="u-ff-sans u-fs20"> <span>Calendar</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/scheduler" class="u-ff-sans u-fs20"> <span>Scheduler</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> </ul> </div> <div class="col-3"> <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/maui-ui/aiprompt" class="u-ff-sans u-fs20"> <span>AIPrompt</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/maui-ui/badgeview" class="u-ff-sans u-fs20"> <span>BadgeView</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/border" class="u-ff-sans u-fs20"> <span>Border</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/busyindicator" class="u-ff-sans u-fs20"> <span>BusyIndicator</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/chat-(conversational-ui)" class="u-ff-sans u-fs20"> <span>Chat (Conversational UI)</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/path" class="u-ff-sans u-fs20"> <span>Path</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/popup" class="u-ff-sans u-fs20"> <span>Popup</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/progressbar" class="u-ff-sans u-fs20"> <span>ProgressBar</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/slideview" class="u-ff-sans u-fs20"> <span>SlideView</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Pdf Viewer</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/maui-ui/pdf-viewer" class="u-ff-sans u-fs20"> <span>PDF Viewer</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">Document Processing</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/maui-ui/pdfprocessing" class="u-ff-sans u-fs20"> <span>PDFProcessing</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/maui-ui/spreadprocessing" class="u-ff-sans u-fs20"> <span>SpreadProcessing</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/spreadstreamprocessing" class="u-ff-sans u-fs20"> <span>SpreadStreamProcessing</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/wordprocessing" class="u-ff-sans u-fs20"> <span>WordProcessing</span> </a> </li> <li> <a href="https://www.telerik.com/maui-ui/zip-library" class="u-ff-sans u-fs20"> <span>Zip Library</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> </ul> </div> </div><div id="ContentPlaceholder1_C543_Col00" class="sf_colsIn u-s-dn u-mt3" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <img loading="lazy" class="u-pl2" src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/ninja_looking.png?sfvrsn=228db5_2" title="ninja_looking" alt="ninja_looking" /> </div> </div> </section> <div class="Section u-pb3 u-bg-blue3 sctn-Also-Included" data-sf-element="Section" data-placeholder-label="Section Banner"> <div id="ContentPlaceholder1_C544_Col00" class="sf_colsIn Section-bg Section-bg--n" data-sf-element="Section Background" data-placeholder-label="Section Background"> <img loading="lazy" src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/decorations/wave-lighjtblue.png?sfvrsn=3c2e6f22_1" title="wave-lighjtblue" alt="wave-lighjtblue" /> </div> <div id="ContentPlaceholder1_C544_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_C625_Col00" class="sf_colsIn col-11" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h2 class="u-c-black u-mb0">Get Much More Than a .NET MAUI Component Library</h2></div> </div> </div> </div> <div id="ContentPlaceholder1_C627_Col00" class="sf_colsIn u-tint-blue1 u-pt6 u-pb8 sctn-Also-Included" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><section class="u-pt0 u-pb0" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C628_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <div class="tabs--mobile u-pr u-zi2"><nav class="Tabulator Tabulator--custom u-df u-m-oxa u-m-ml1 u-m-mr1" data-tlrk-plugin="tlrkTabs" data-tlrktabs-tabs-width="auto" data-tlrktabs-wrapper-selector=".tlrk-tabs" data-tlrktabs-active-tab="1" data-tlrktabs-scroll-to-tabs="false" data-tlrktabs-set-anchors="false"><a data-sf-ec-immutable="" href="#video-course" data-display="video-course" class="u-full u-m-db u-b1 u-mr1 u-m-p1 is-active u-tint-grey"><span class="u-db u-lh120 u-pen u-s-pb1">Video Course</span> <span class="u-c-base u-db u-fs16 u-pen">The quickest way to get started with .NET MAUI</span> </a> <a data-sf-ec-immutable="" href="#vs-extension" data-display="vs-code-extension" class="u-full u-b1 u-mr1 u-m-p1 u-tint-grey"> <span class="u-db u-lh120 u-pen u-s-pb1">Visual Studio Extensions</span> <span class="u-c-base u-db u-fs16 u-pen">Project templates and toolbox extensions for .NET MAUI</span> </a> <a data-sf-ec-immutable="" href="#vs-code-integration" data-display="embedded-reporting" class="u-full u-b1 u-mr1 u-m-p1 u-tint-grey"> <span class="u-db u-lh120 u-pen u-s-pb1">VS Code Integration</span> <span class="u-c-base u-db u-fs16 u-pen">Create new projects and leverage advanced tools</span> </a> <a data-sf-ec-immutable="" href="#embedded-reporting" data-display="virtual-classroom" class="u-full u-b1 u-mr1 u-m-p1 u-s-pr0 u-tint-grey"> <span class="u-db u-lh120 u-pen u-s-pb1">Embedded Reporting</span> <span class="u-c-base u-db u-fs16 u-pen">Complete embedded reporting for web and desktop apps</span> </a> </nav></div> </div> </section> <section id="ContentPlaceholder1_C633_Col00" class="sf_colsIn Section Section--mid Tabulator-border u-pb6 u-pt6 u-tint-white u-z0" data-sf-element="Section" data-placeholder-label="Section Empty"><div id="ContentPlaceholder1_C634_Col00" class="sf_colsIn container" data-sf-element="GridContainer" data-placeholder-label="GridContainer"> <p> </p><div class="Tabulator-body u-cf tlrk-tabs"><div id="video-course" class="Tabulator-slice"><div class="row u-mb6"><div class="col-6 u-m-col-12 u-m-mb4"><p class="u-fs30 u-mb1 u-c-black">Video Course</p><p class="u-fs20 u-mb3">Telerik courses on YouTube provide step-by-step video tutorials for a variety of .NET and JavaScript products.</p><p class="u-fs20 u-mb3">It is the perfect place to get started with Telerik UI for .NET MAUI and accelerate your onboarding process.</p><p class="u-fs20 u-mb3">From installation to advanced features, this video course equips you with the essential skills and knowledge to kickstart your .NET MAUI journey. </p><a href="https://www.youtube.com/watch?v=x0fY4qwkBTk" target="_blank" class="u-fw5 u-tdn u-db icon-arrow" data-sf-ec-immutable="">Play</a> </div><div class="col-6 u-m-col-12"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/virtual-classroom-pic.png?sfvrsn=48f888c0_1" alt=".NET MAUI Virtual Classroom" /></div></div></div><div id="vs-extension" class="Tabulator-slice"><div class="row u-mb6"><div class="col-6 u-m-col-12 u-m-mb4"><p class="u-fs30 u-mb1 u-c-black">Visual Studio Extensions</p><p class="u-fs20 u-mb3">Telerik UI for .NET MAUI offers Visual Studio project templates and toolbox extensions. They are available for Windows and macOS and aim to help developers create .NET MAUI applications easier and faster. </p><p class="u-fs20 u-mb1">Visit the following pages for more information:</p><a href="https://docs.telerik.com/devtools/maui/installation/windows/vs-template" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable="">Project Templates for VS on Windows </a> <a href="https://docs.telerik.com/devtools/maui/installation/windows/toolbox" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable="">Toolbox Extension for VS on Windows </a> </div><div class="col-6 u-m-col-12"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/visual-studio-extensions.png?sfvrsn=505d4e3f_1" alt=".NET MAUI Visual Studio Extensions" /></div></div></div><div id="vs-code-integration" class="Tabulator-slice is-active"><div class="row u-mb6"><div class="col-6 u-m-col-12 u-m-mb4"><p class="u-fs30 u-mb1 u-c-black">Visual Studio Code Integration</p><p class="u-fs20 u-mb3">Maximize your efficiency with the Telerik Extension for Visual Studio Code. It allows you to generate pre-configured projects for Telerik UI for .NET MAUI controls. Additionally, the extension supports code snippets for fast UI component reference and configuration. </p><p class="u-fs20 u-mb1">Visit the following pages for more information:</p><a href="https://docs.telerik.com/devtools/maui/installation/vs-code-integration/new-project-wizard" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable="">Creating new projects in Visual Studio Code </a> <a href="https://docs.telerik.com/devtools/maui/installation/vs-code-integration/snippets" target="_blank" class="u-fw5 u-tdn u-db icon-arrow" data-sf-ec-immutable="">Telerik UI for .NET MAUI Code Snippets </a> </div><div class="col-6 u-m-col-12"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/visual-studio-code-integration-pic.png?sfvrsn=8c7aa794_1" alt=".NET MAUI Visual Studio Code Integration" /></div></div></div><div id="embedded-reporting" class="Tabulator-slice"><div class="row u-mb6"><div class="col-6 u-m-col-12 u-m-mb4"><p class="u-fs30 u-mb1 u-c-black">Embedded Reporting</p><p class="u-fs20 u-mb3">Transforming raw data into actionable insights is the core function of reporting. Simplify development workflow with an intuitive embedded reporting tool that helps developers enable business users to easily create, edit and view reports on their own. Embed Reporting into Blazor, Angular, ASP.NET Core, WinForms, WPF and more apps. You can buy .NET MAUI and Reporting in DevCraft Complete and Ultimate bundles. </p><p class="u-fs20 u-mb1">Visit the following pages for more information:</p><a href="/products/reporting.aspx" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" target="_blank">Learn More about Telerik Reporting </a> <a href="/products/reporting/embedded-reporting.aspx" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable="">Explore Embedded Reporting for business users </a> <a href="/products/reporting/creating-reports.aspx" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable="">Check out Report Designers </a> <a href="/products/reporting/delivering-viewing-exporting-reports.aspx" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable="">Check out Report Viewers </a> </div><div class="col-6 u-m-col-12"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/embeded-reporting-pic.png?sfvrsn=f33ef359_1" alt=".NET MAUI and Embedded Reporting" /></div></div></div></div><p> </p></div> </section> </div> <section class="Section u-tint-blue1 u-pt0 Section--cloud u-pb0" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C547_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"><div id="ContentPlaceholder1_C599_Col00" class="sf_colsIn sctn-DemoApps" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <h2 class="u-c-black u-mb3">.NET MAUI Demo Applications by Telerik</h2> <p class="u-c-blue2 u-fs24 u-ff-sans0">Demo apps for Windows, macOS, Android and iOS that demonstrate the capabilities of Telerik UI for .NET MAUI components. Download them and get a hands on experience with the product. Review the source code available for every example.</p><div class="row u-mb4 u-s-pb2" data-sf-element="Row"> <div id="ContentPlaceholder1_C617_Col00" class="sf_colsIn col-6" data-sf-element="Column 1" data-placeholder-label="Column 1"> <div class="u-br10 u-oh u-tint-white bs0001"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/cry-control-min.png?sfvrsn=59e0e597_3" alt=".NET MAUI controls showcase" /><div class="u-p3"><h3 class="u-fs30 u-fw5 u-m0 u-pb1">.NET MAUI Controls Showcase App</h3><p class="u-mr2">This application demonstrates a variety of .NET MAUI controls available in the component suite and features demos of highlighted features. </p><p class="u-mb4"><a class="Btn Btn--sec Btn--wl u-fs19" href="/maui-ui/demo-apps/controls">Explore Now </a> </p><hr /><p class="u-mb0"><a class="u-mr2" href="https://apps.apple.com/us/app/telerik-net-maui-controls/id1626276647?platform=iphone" target="_blank" title="apple app store badge"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/apple-app_store_badge.svg?sfvrsn=7c965cff_5" alt="apple app store badge" class="u-mb3" /></a> <a class="u-mr2" href="https://play.google.com/store/apps/details?id=com.telerik.ControlsSamples" target="_blank" title="google play store badge"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/google-play-badge.svg?sfvrsn=af32fe6d_9" class="u-mb3" alt="google play store badge" /></a> <a class="u-mr2" href="https://apps.microsoft.com/store/detail/telerik-net-maui-controls/9N8J3V83PCZB" target="_blank" title="microsoft store badge"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/microsoft-badges.svg?sfvrsn=7a43e963_6" class="u-mb3" alt="microsoft store badge" /></a> </p><p><a class="u-dib u-ff-sans2 u-tdn u-lh1 u-mb1 u-fs20 icon-arrow" href="https://github.com/telerik/maui-samples/tree/main/Samples/ControlsSamples" data-sf-ec-immutable="">View Samples in GitHub </a> <br /><a class="u-dib u-ff-sans2 u-tdn u-lh1 u-fs20 icon-arrow" href="https://docs.telerik.com/devtools/maui/demos-and-sample-apps/controls-showcase-app" data-sf-ec-immutable="">View the app's documentation </a> </p></div></div></div> <div id="ContentPlaceholder1_C617_Col01" class="sf_colsIn col-6" data-sf-element="Column 2" data-placeholder-label="Column 2"> <div class="u-br10 u-oh u-tint-white bs0001"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/cry-image-min.png?sfvrsn=a31a4d1c_3" alt=".NET MAUI Crypto Tracker App demo" /><div class="u-p3"><h3 class="u-fs30 u-fw5 u-m0 u-pb1">Crypto Tracker App</h3><p class="u-mr2">The Crypto Tracker Demo is a crypto app showcasing real-time cryptocurrency price fluctuations, powered by Telerik UI for .NET MAUI controls. </p><p class="u-mb4"><a class="Btn Btn--sec Btn--wl u-fs19" href="/maui-ui/demo-apps/crypto-tracker">Explore Now </a> </p><hr /><p class="u-mb0"><a class="u-mr2" href="https://apps.apple.com/us/app/telerik-net-maui-cryptotrack/id1624496233?platform=iphone" target="_blank" title="apple app store badge"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/apple-app_store_badge.svg?sfvrsn=7c965cff_5" alt="apple app store badge" class="u-mb3" /></a> <a class="u-mr2" href="https://play.google.com/store/apps/details?id=com.telerik.CryptoTracker" target="_blank" title="google play store badge"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/google-play-badge.svg?sfvrsn=af32fe6d_9" class="u-mb3" alt="google play store badge" /></a> <a class="u-mr2" href="https://apps.microsoft.com/store/detail/telerik-net-maui-cryptotrack/9MZXVRB8MN83" target="_blank" title="microsoft store badge"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/maui/demos/microsoft-badges.svg?sfvrsn=7a43e963_6" class="u-mb3" alt="microsoft store badge" /></a> </p><p><a class="u-dib u-ff-sans2 u-tdn u-lh1 u-mb1 icon-arrow u-fs20" href="https://github.com/telerik/maui-samples/tree/main/Samples/CryptoTracker" data-sf-ec-immutable="">View Samples in GitHub </a> <br /><a class="u-dib u-ff-sans2 u-tdn u-lh1 icon-arrow u-fs20" href="https://docs.telerik.com/devtools/maui/demos-and-sample-apps/crypto-app" data-sf-ec-immutable="">View the app's documentation </a> </p></div></div></div> </div> </div> </div> </section> <section class="Section u-pt8 u-pb8 u-tint-blue10 sctn-Pricing track--dcupgrade u-mobile-dn" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C567_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <h2 id="pricing">Flexible Packaging Tailored to Your Needs </h2><div class="row u-tac u-mb4" data-sf-element="Row"> <div id="ContentPlaceholder1_C650_Col00" class="sf_colsIn col-9 u-l-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"> <div class="u-ttu u-fs12 u-tac u-c-contrast u-mt1 u-mb1">License Type:</div><div class="Switch Switch--toggleMode u-df u-ma js-sub-perpetual-switch"><p class="Switch-label u-fs14 u-full u-fw4 u-lh120 u-mb0 u-mr2 u-tar u-ttn u-vam u-s-dn"><strong>Save at least 25%</strong> of your initial investment. Flat annual fee including product updates, technical support, and any forthcoming exclusive benefits.</p><div class="u-ma" data-tlrk-plugin="toggle" data-toggle=".js-sub-perpetual-switch" data-toggle-class-name="is-active"><div class="SwitchNav" data-tlrk-plugin="SwitchNav"><button type="button" class="SwitchNav-item HoverBox u-ps u-ao-0 is-active" data-tlrk-plugin="toggle" data-show=".js-subscription" data-hide=".js-perpetual" data-hash="subscription" data-toggle-hash="subscription" data-scope=".js-bundles">Subscription</button><button type="button" class="SwitchNav-item HoverBox u-ps u-ao-0" data-tlrk-plugin="toggle" data-show=".js-perpetual" data-hide=".js-subscription" data-hash="perpetual" data-toggle-hash="perpetual" data-scope=".js-bundles">Perpetual</button></div></div><p class="Switch-label u-fs14 u-full u-fw4 u-lh120 u-mb0 u-ml2 u-tal u-ttn u-vam u-s-dn">One-time purchase granting access to the current released versions. 1 year of product updates and technical support included.</p></div><div class="u-dn u-s-db u-tac"><div class="u-fs13 u-c-base Tip" style="--tip:--infoA;"><button popovertarget="license-info" class="u-c-contrast">License Type Information </button><div id="license-info" class="tooltip" popover=""><p><strong>Subscription:</strong> <strong>Save at least 25%</strong> of your initial investment. Flat annual fee including product updates, technical support, and any forthcoming exclusive benefits.</p><p><strong>Perpetual:</strong> One-time purchase granting access to the current released versions. 1 year of product updates and technical support included.</p></div></div></div></div> </div> <div class="Purchase" data-sf-element="Row"> <div id="ContentPlaceholder1_C667_Col00" class="sf_colsIn Purchase-head js-subscription" data-sf-element="Column 1" data-placeholder-label="Subscription Head"><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--maui js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">Telerik UI for .NET MAUI</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-lite u-dn">749</span> <span class="js-priority">849</span> <span class="js-ultimate u-dn">1,249</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" data-hide=".js-priority, .js-ultimate" 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">$749</div></div></button><button type="button" class="ComboBox-item" data-label="Priority Support" data-tlrk-plugin="toggle" data-show=".js-priority" data-hide=".js-lite, .js-ultimate" 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">$849</div></div></button><button type="button" class="ComboBox-item" data-label="Ultimate Support" data-tlrk-plugin="toggle" data-show=".js-ultimate" data-hide=".js-lite, .js-priority" 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,249</div></div></button></div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10014" class="Btn Btn--prim u-fs19 u-full u-m0 js-lite u-dn" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=10012" class="Btn Btn--prim u-fs19 u-full u-m0 js-priority" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=10010" class="Btn Btn--prim u-fs19 u-full u-m0 js-ultimate 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>60+ Powerful .NET MAUI controls to build multi-platform app UI</li><li class="Purchase-DPL">Document processing libraries</li></ul></div></div> <div class="Purchase-cell Purchase-cell--DevCraftUI js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft UI</h5></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="Purchase-frame u-mb2"><ul class="ListAdapt icon-check u-fs14 u-a-green1 u-no-pseudo"><li class="u-mb0"><div class="u-fw5"><span class="Tip u-pr u-zi4" style="--tip:--sub-plan-devcraft-ui;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="sub-plan-devcraft-ui">The Subscription Plan Includes:</button><span id="sub-plan-devcraft-ui" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor.</span> </span> </div><ul class="List u-pt0h"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a></li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></li></ul></div><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 href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">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-addonItems">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</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-mb0">DevCraft Complete</h5></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<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><ul class="ListAdapt icon-check u-fs14 u-a-green1 u-no-pseudo"><li class="u-mb0"><div class="u-fw5"><span class="Tip u-pr u-zi4" style="--tip:--sub-plan-devcraft-complete;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="sub-plan-devcraft-complete">The Subscription Plan Includes:</button><span id="sub-plan-devcraft-complete" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor.</span> </span> </div><ul class="List u-pt0h"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a></li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></li></ul></div><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" popover="">24h response time<br />Unlimited number of support incidents </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">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-addonItems">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</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-mb0">DevCraft Ultimate</h5></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<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><ul class="ListAdapt icon-check u-fs14 u-a-green1 u-no-pseudo"><li class="u-mb0"><div class="u-fw5"><span class="Tip u-pr u-zi4" style="--tip:--sub-plan-devcraft-ultimate;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="sub-plan-devcraft-ultimate">The Subscription Plan Includes:</button><span id="sub-plan-devcraft-ultimate" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor.</span> </span> </div><ul class="List u-pt0h"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a></li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></li></ul></div><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 class="u-tdn" popovertarget="ultimate-support-sub">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 href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">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 class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li><li>ThemeBuilder Enterprise</li></ul></div></div></div> <div id="ContentPlaceholder1_C667_Col01" class="sf_colsIn Purchase-head js-perpetual u-dn" data-sf-element="Column 2" data-placeholder-label="Perpetual Head"><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-perpetual, .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-perpetual .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--maui js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">Telerik UI for .NET MAUI</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-without-addon"> <span class="js-lite u-dn">999</span> <span class="js-priority">1,099</span> <span class="js-ultimate u-dn">1,499</span> </span> <span class="js-with-addon u-dn"> <span class="js-lite u-dn">1,548</span> <span class="js-priority">1,648</span> <span class="js-ultimate u-dn">2,048</span> </span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-addon u-dn">per developer</span> </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" data-hide=".js-priority, .js-ultimate" data-scope=".js-perpetual"><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"><span class="js-without-addon">$999</span> <span class="js-with-addon u-dn">$1,548</span> </div></div></button><button type="button" class="ComboBox-item" data-label="Priority Support" data-tlrk-plugin="toggle" data-show=".js-priority" data-hide=".js-lite, .js-ultimate" data-scope=".js-perpetual-individual"><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"><span class="js-without-addon">$1,099</span> <span class="js-with-addon u-dn">$1,648</span> </div></div></button><button type="button" class="ComboBox-item" data-label="Ultimate Support" data-tlrk-plugin="toggle" data-show=".js-ultimate" data-hide=".js-lite, .js-priority" data-scope=".js-perpetual-individual"><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"><span class="js-without-addon">$1,499</span> <span class="js-with-addon u-dn">$2,048</span> </div></div></button></div></div></div><div class="Purchase-actions"><div class="js-without-addon"><a href="https://store.progress.com/configure-purchase?skuId=9644" class="Btn Btn--prim u-fs19 u-full u-m0 js-lite u-dn" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=9647" class="Btn Btn--prim u-fs19 u-full u-m0 js-priority" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=9646" class="Btn Btn--prim u-fs19 u-full u-m0 js-ultimate u-dn" data-sf-ec-immutable="">Buy Now</a> </div><div class="js-with-addon u-dn"><a href="https://store.progress.com/configure-purchase?skuIds=9644,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-lite u-dn" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuIds=9647,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-priority" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuIds=9646,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-ultimate u-dn" data-sf-ec-immutable="">Buy Now</a> </div></div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li>60+ Powerful .NET MAUI controls to build multi-platform app UI</li><li class="Purchase-DPL">Document processing libraries</li></ul></div></div> <div class="Purchase-cell Purchase-cell--DevCraftUI js-mobile-option js-cell-perpetual-devcraft-ui"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft UI</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><span class="js-cell-perpetual-devcraft-ui"><sup>$</sup> <span class="js-without-devcraft-ui-addon">1,499</span> <span class="js-with-devcraft-ui-addon u-dn">2,048</span> </span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-devcraft-ui-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-devcraft-ui-addon u-dn">per developer</span> </p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><div class="u-df u-xl-fd-col u-m-fd-row"><div class="u-full u-mr1 u-xl-mr0 u-xl-mb1 u-xl-tac u-m-tal"><div class="u-fs14 u-fw5 u-mb0h"><span class="Tip u-pr u-zi4" style="--tip:--addon-devcraft-ui;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="addon-devcraft-ui">Include Add-on:</button><span id="addon-devcraft-ui" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor. </span> </span> </div><ul class="List u-fs14"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a> </li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></div><div class="u-dfc u-mla u-tac u-xl-ml0"><div class="Purchase-price-inner u-fs24 u-c-black u-tac u-fw5"><sup class="u-fs16 u-fw5">$</sup> 549 </div><div class="u-fs12 u-mb1 u-tac u-fw5">per developer</div><button class="Switch Switch--s js-tglslf-is-active u-mta u-vam" data-tlrk-plugin="toggle" data-toggle=".js-with-devcraft-ui-addon, .js-without-devcraft-ui-addon" data-scope=".js-perpetual"><span class="Switch-label">Include</span> <span class="Switch-btn"></span></button></div></div></div><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:--liteSupportPer;"><button popovertarget="lite-support-per" class="u-tdn">Lite support</button><div id="lite-support-per" popover="">72h response time<br />10 support incidents </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=801" class="Btn Btn--prim u-fs19 u-full u-m0 js-without-devcraft-ui-addon" data-sf-ec-immutable="">Buy Now </a> <a href="https://store.progress.com/configure-purchase?skuIds=801,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-with-devcraft-ui-addon 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 class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="js-with-devcraft-ui-addon u-dn">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</li></ul></div></div> <div class="Purchase-featured"> <div class="Purchase-cell Purchase-cell--DevCraftComplete js-mobile-option js-cell-perpetual-devcraft-complete"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft Complete</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-without-devcraft-complete-addon">1,699</span> <span class="js-with-devcraft-complete-addon u-dn">2,248</span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-devcraft-complete-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-devcraft-complete-addon u-dn">per developer<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></span> </p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><div class="u-df u-xl-fd-col u-m-fd-row"><div class="u-full u-mr1 u-xl-mr0 u-xl-mb1 u-xl-tac u-m-tal"><div class="u-fs14 u-fw5 u-mb0h"><span class="Tip u-pr u-zi4" style="--tip:--addon-devcraft-ui;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="addon-devcraft-ui">Include Add-on:</button><span id="addon-devcraft-ui" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor. </span> </span> </div><ul class="List u-fs14"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a> </li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></div><div class="u-dfc u-mla u-tac u-xl-ml0"><div class="Purchase-price-inner u-fs24 u-c-black u-tac u-fw5"><sup class="u-fs16 u-fw5">$</sup> 549 </div><div class="u-fs12 u-mb1 u-tac u-fw5">per developer</div><button class="Switch Switch--s js-tglslf-is-active u-mta u-vam" data-tlrk-plugin="toggle" data-toggle=".js-without-devcraft-complete-addon, .js-with-devcraft-complete-addon" data-scope=".js-perpetual"><span class="Switch-label">Include</span> <span class="Switch-btn"></span></button></div></div></div><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:--prioritySupportPer;"><button popovertarget="priority-support-per" class="u-tdn">Priority support</button><div id="priority-support-per" popover="">24h response time<br />Unlimited number of support incidents </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=6127" class="Btn Btn--prim u-fs19 u-full u-m0 js-without-devcraft-complete-addon" data-sf-ec-immutable="">Buy Now </a><a href="https://store.progress.com/configure-purchase?skuIds=6127,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-with-devcraft-complete-addon 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 class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="js-with-devcraft-complete-addon u-dn">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li><li class="Purchase-DPL">Document processing libraries</li></ul></div></div> </div> <div class="Purchase-cell Purchase-cell--DevCraftUltimate js-mobile-option js-cell-perpetual-devcraft-ultimate"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft Ultimate</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-without-devcraft-ultimate-addon">2,199</span> <span class="js-with-devcraft-ultimate-addon u-dn">2,748</span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-devcraft-ultimate-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-devcraft-ultimate-addon u-dn">per developer<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></span> </p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><div class="u-df u-xl-fd-col u-m-fd-row"><div class="u-full u-mr1 u-xl-mr0 u-xl-mb1 u-xl-tac u-m-tal"><div class="u-fs14 u-fw5 u-mb0h"><span class="Tip u-pr u-zi4" style="--tip:--addon-devcraft-ui;"> <button type="button" class="u-tdn u-tal u-fw5" popovertarget="addon-devcraft-ui">Include Add-on:</button><span id="addon-devcraft-ui" class="u-ttn u-fs12 u-pen" popover=""> Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor. </span> </span> </div><ul class="List u-fs14"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a> </li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></div><div class="u-dfc u-mla u-tac u-xl-ml0"><div class="Purchase-price-inner u-fs24 u-c-black u-tac u-fw5"><sup class="u-fs16 u-fw5">$</sup> 549 </div><div class="u-fs12 u-mb1 u-tac u-fw5">per developer</div><button class="Switch Switch--s js-tglslf-is-active u-mta u-vam" data-tlrk-plugin="toggle" data-toggle=".js-without-devcraft-ultimate-addon, .js-with-devcraft-ultimate-addon" data-scope=".js-perpetual"><span class="Switch-label">Include</span> <span class="Switch-btn"></span></button></div></div></div><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:--ultimateSupportPer;"><button popovertarget="ultimate-support-per" class="u-tdn">Ultimate support</button><div id="ultimate-support-per" popover="">Everything in Priority Support<br />Phone support<br />Remote web assistance<br />Ticket pre-screening<br />Issue escalation </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=6131" class="Btn Btn--prim u-fs19 u-full u-m0 js-without-devcraft-ultimate-addon" data-sf-ec-immutable="">Buy Now </a> <a href="https://store.progress.com/configure-purchase?skuIds=6131,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-with-devcraft-ultimate-addon 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 class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="js-with-devcraft-ultimate-addon u-dn">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-reportE2E">End-to-end report management solution</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li></ul></div></div></div> </div> <div class="u-mt4 u-tac"><a href="/purchase/maui-ui" class="Btn Btn--round3" data-sf-ec-immutable="">See Detailed Comparison</a></div> </div> </section> <section class="Section u-bg-blue u-pt8 u-pb8" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C448_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"><div id="ContentPlaceholder1_C598_Col00" class="sf_colsIn sctn-WhatsNew" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <h2 id="WhatsNew">What's New with Telerik UI for .NET MAUI</h2><div> <div class="row"> <div class="col-4 u-l-col-6 u-m-col-6 u-s-col-12 u-mb6"> <div class="u-mb4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/.net-maui-datapager/datapager_integration_-net-maui.png?sfvrsn=fc955dc8_2" alt="DataPager_Integration_.NET MAUI" title="DataPager_Integration_.NET MAUI" loading="lazy" class="u-full" /> </div> <div> <h3 class="u-mb2 h4">DataPager Integration with RadCollectionView</h3> <p> The .NET MAUI DataPager now seamlessly integrates with RadCollectionView, enabling efficient paging for large datasets with minimal performance overhead. </p> </div> </div> <div class="col-4 u-l-col-6 u-m-col-6 u-s-col-12 u-mb6"> <div class="u-mb4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/.net-maui-aiprompt/theming_maui-platform-themecac557df-baf6-4917-ba06-a5623565c38d.png?sfvrsn=ee2f7903_2" alt="" title="theming_maui-platform-themecac557df-baf6-4917-ba06-a5623565c38d" loading="lazy" class="u-full" /> </div> <div> <h3 class="u-mb2 h4">Platform Theme with Light and Dark Modes (Preview)</h3> <p> Ensure consistent experiences with the new Platform theme with light and dark mode variants. </p> </div> </div> <div class="col-4 u-l-col-6 u-m-col-6 u-s-col-12 u-mb6"> <div class="u-mb4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/.net-maui-aiprompt/maui-template-wizard-with-themes146b0ebd-b47a-4837-b78a-945f9237e2aa.png?sfvrsn=6ce221fc_2" alt="" title="maui-template-wizard-with-themes146b0ebd-b47a-4837-b78a-945f9237e2aa" loading="lazy" class="u-full" /> </div> <div> <h3 class="u-mb2 h4">Added Theming to the Project Template</h3> <p> Select and apply a preview version of the built-in theme directly from the Create New Project Wizard,. </p> </div> </div> </div> <div class="row u-m-pt2"> <div class="col-5 u-m-col-6 u-s-col-12"> <a href='/support/whats-new/maui-ui' class="Btn Btn--ghost u-c-white u-m-db"> More new and planned features </a> </div> </div> </div></div> </div> </section> <section class="Section u-tint-blue1 u-pt8 u-pb9 sctn-Resources" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C498_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <h2>Latest .NET MAUI News, Updates & Resources</h2><div class="row row--separated-l" data-sf-element="Row"> <div id="ContentPlaceholder1_C506_Col00" class="sf_colsIn col-9 u-l-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"><div id="ContentPlaceholder1_C507_Col00" class="sf_colsIn u-pr2 u-l-pr0" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <div> <div class="row"> <div class="col-4 u-m-col-12 u-mb3"> <h3 class="u-fs17 u-fw5 u-mb1 u-c-grey h6">Blogs</h3> <a href="/blogs/discovering-debugrainbows-nuget-package-net-maui"> <div class="sfImageWrp u-dib u-full"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/blogs/templates/net-mauit2-light-270x123-thumbnail.png?sfvrsn=fcf87593_2" loading="lazy" class="u-full u-mb2" alt="thumbnail " title="NET-MAUIT2-light-270x123 Thumbnail" /> </div> </a> <h4> <a class="u-fs20" href="/blogs/discovering-debugrainbows-nuget-package-net-maui">Discovering the DebugRainbows NuGet Package in .NET MAUI</a> </h4> </div> <div class="col-4 u-m-col-12 u-mb3"> <h3 class="u-fs17 u-fw5 u-mb1 u-c-grey h6">Blogs</h3> <a href="/blogs/sands-maui-issue-182"> <div class="sfImageWrp u-dib u-full"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/sandsofmaui/sandsofmaui-270x12362cafee6-6bd5-4b42-b53b-51e52718c939.jpg?sfvrsn=353c8e12_1" loading="lazy" class="u-full u-mb2" alt="thumbnail " title="SandsOfMaui-270x123" /> </div> </a> <h4> <a class="u-fs20" href="/blogs/sands-maui-issue-182">Sands of MAUI: Issue #182</a> </h4> </div> <div class="col-4 u-m-col-12 u-mb3"> <h3 class="u-fs17 u-fw5 u-mb1 u-c-grey h6">Blogs</h3> <a href="/blogs/sands-maui-issue-181"> <div class="sfImageWrp u-dib u-full"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/sandsofmaui/sandsofmaui-270x12362cafee6-6bd5-4b42-b53b-51e52718c939.jpg?sfvrsn=353c8e12_1" loading="lazy" class="u-full u-mb2" alt="thumbnail " title="SandsOfMaui-270x123" /> </div> </a> <h4> <a class="u-fs20" href="/blogs/sands-maui-issue-181">Sands of MAUI: Issue #181</a> </h4> </div> <div class="col-4 u-m-col-12 u-mb3"> <h3 class="u-fs17 u-fw5 u-mb1 u-c-grey h6">Blogs</h3> <a href="/blogs/exploring-titlebar-net-maui"> <div class="sfImageWrp u-dib u-full"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/blogs/templates/net-mauit2-dark-270x123-thumbnail.png?sfvrsn=c0dca3de_2" loading="lazy" class="u-full u-mb2" alt="thumbnail " title="NET-MAUIT2-dark-270x123 Thumbnail" /> </div> </a> <h4> <a class="u-fs20" href="/blogs/exploring-titlebar-net-maui">Exploring the TitleBar in .NET MAUI</a> </h4> </div> <div class="col-4 u-m-col-12 u-mb3"> <h3 class="u-fs17 u-fw5 u-mb1 u-c-grey h6">Blogs</h3> <a href="/blogs/sands-maui-issue-180"> <div class="sfImageWrp u-dib u-full"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/sandsofmaui/sandsofmaui-270x12362cafee6-6bd5-4b42-b53b-51e52718c939.jpg?sfvrsn=353c8e12_1" loading="lazy" class="u-full u-mb2" alt="thumbnail " title="SandsOfMaui-270x123" /> </div> </a> <h4> <a class="u-fs20" href="/blogs/sands-maui-issue-180">Sands of MAUI: Issue #180</a> </h4> </div> <div class="col-4 u-m-col-12 u-mb3"> <h3 class="u-fs17 u-fw5 u-mb1 u-c-grey h6">Blogs</h3> <a href="/blogs/exploring-net-maui-toolkit-alerts"> <div class="sfImageWrp u-dib u-full"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/blogs/templates/telerik-net-mauit2-light-270x123-thumbnail.png?sfvrsn=ad2dea89_2" loading="lazy" class="u-full u-mb2" alt="thumbnail " title="Telerik-NET-MAUIT2-light-270x123 Thumbnail" /> </div> </a> <h4> <a class="u-fs20" href="/blogs/exploring-net-maui-toolkit-alerts">Exploring the .NET MAUI Toolkit: Alerts</a> </h4> </div> </div> </div></div> </div> <div id="ContentPlaceholder1_C506_Col01" class="sf_colsIn col-3 u-l-col-12 u-m-no-pseudo" data-sf-element="Column 2" data-placeholder-label="Column 2"><div id="ContentPlaceholder1_C508_Col00" class="sf_colsIn u-pl2 u-l-pl0" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <h3 class="u-fs17 u-fw5 u-mb1 h6">Getting Started</h3> <ul class="List Space--compact u-mb4 u-pt1"><li><a class="u-c-link u-fs20" href="https://www.youtube.com/watch?v=hsxxTfNenik" data-sf-ec-immutable="">Getting Started with .NET MAUI</a></li><li><a class="u-c-link u-fs20" href="https://docs.telerik.com/devtools/maui/demos-and-sample-apps/maui-demo-app?_ga=2.163057788.1752413212.1635164649-811942462.1570526335" data-sf-ec-immutable="">SDK Browser Demo Application</a></li><li><a data-sf-ec-immutable="" class="u-c-link u-fs20" href="https://docs.telerik.com/devtools/maui/introduction">Documentation</a></li><li><a class="u-c-link u-fs20" href="/maui-ui/migration">Modernization & 袦igration</a></li></ul> <h3 class="u-fs17 u-fw5 u-mb1 h6">Resources</h3> <ul class="List Space--compact u-mb4 u-pt1"><li><a class="u-c-link u-fs20" href="/maui-ui/resources">Learning .NET MAUI</a></li><li><a class="u-c-link u-fs20" href="/blogs/tag/sands-of-maui" data-sf-ec-immutable="">Sands of .NET MAUI</a></li><li><a class="u-c-link u-fs20" href="/blogs/mobile-net-maui">Blogs</a></li><li><a class="u-c-link u-fs20" href="/videos/product/maui-ui" data-sf-ec-immutable="">Videos</a></li></ul> <h3 class="u-fs17 u-fw5 u-mb1 h6">Community</h3> <ul class="List Space--compact u-mb4 u-pt1"><li><a class="u-c-link u-fs20" href="https://www.telerik.com/forums/maui">Forums</a></li><li><a data-sf-ec-immutable="" class="u-c-link u-fs20" href="https://feedback.telerik.com/maui?_ga=2.200085870.1752413212.1635164649-811942462.1570526335">Feedback Portal</a></li></ul></div> </div> </div> </div> </section> <section class="Section u-pt8 u-pb8 sctn-Faq" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C365_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <h2>Frequently Asked Questions</h2><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C500_Col00" class="sf_colsIn col-6" 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">What is .NET MAUI framework?</a> <div class="Answer" style="display:none;"> <p>.NET MAUI is Microsoft’s  .NET Multi-platform App UI, a framework for building native applications for mobile (Android OS and iOS), tablet, and desktop (Windows and macOS) devices using a shared code base. </p> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">How does .NET MAUI work?</a> <div class="Answer" style="display:none;"> <p>Overall, .NET MAUI streamlines the process of building cross-platform applications by enabling code reuse, platform-specific customization, and a unified development experience. It provides a powerful framework for developers to create high-quality, native applications that run on multiple devices and operating systems using a single codebase.</p> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Why should I choose Telerik UI for .NET MAUI?</a> <div class="Answer" style="display:none;"> <p>Telerik UI for .NET MAUI components suite saves development time when you are building cross-platform applications. The components are highly customizable and ensure seamless integration into your apps. The suite boosts the .NET MAUI productivity and brings UI consistency across different platforms.</p> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">How do I get started with Telerik UI for .NET MAUI?</a> <div class="Answer" style="display:none;"> <p>Getting started with the Telerik UI for .NET MAUI controls is straightforward: </p><ol><li>Download and install Telerik UI for .NET MAUI </li><li>Create a Visual Studio project with Telerik UI for .NET MAUI </li><li>Start building your next .NET MAUI application </li></ol><p>For more information on getting started with the Telerik UI for .NET MAUI controls, visit our <a class="track--faq" href="https://docs.telerik.com/devtools/maui/get-started/first-steps" data-sf-ec-immutable=""> product documentation</a>. </p> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">What are the platforms supported by Telerik UI for .NET MAUI?</a> <div class="Answer" style="display:none;"> Telerik UI for .NET MAUI supports Android, iOS, Windows and macOS platforms. </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Can I deploy an application that uses Telerik UI for .NET MAUI controls to unlimited clients?</a> <div class="Answer" style="display:none;"> <p> </p><p>Yes, Progress Telerik product licenses have no deployment limitations—they can be used for an unlimited number of applications spanning various servers and domains. Please refer to the <a class="track--faq" href="/purchase/faq/licensing-purchasing"> Purchasing & Licensing FAQs</a> page for more information. </p><p> </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_C500_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">Where can I find demos of Telerik UI for .NET MAUI?</a> <div class="Answer" style="display:none;"> The sample apps are designed to demonstrate the power of the Telerik UI controls suite. You can browse the <a class="track--faq" href="https://docs.telerik.com/devtools/maui/demos-and-sample-apps/overview" data-sf-ec-immutable="">Telerik UI for .NET MAUI demo apps here</a>, download them on iOS, Android, Mac and Windows devices, as well as access their source code on GitHub. </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Is .NET MAUI a good choice for modernization and/or migration scenarios?</a> <div class="Answer" style="display:none;"> <p>Yes, absolutely! .NET MAUI provides a unified platform for developing cross-platform applications. This reduces development effort and ensures consistent functionality across different devices. The Telerik UI for .NET MAUI offers a robust set of modern UI controls and components, facilitating the creation of visually appealing and feature-rich applications. With its enhanced performance and improved productivity, Telerik UI for .NET MAUI empowers developers to modernize or migrate their applications efficiently, while leveraging the latest advancements in cross-platform development. <a target="_blank" href="/maui-ui/migration">Learn how to build “modern” into every new or legacy app with Telerik UI for .NET MAUI</a>.</p> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">What support options does Telerik UI for .NET MAUI offer?</a> <div class="Answer" style="display:none;"> <p>Depending on your needs, Telerik UI for .NET MAUI offers the following flexible support options: </p><ul class="Bullet1"><li>Lite support: 72-hour response time, 10 support incidents</li><li>Priority support: 24-hour response time, unlimited support incidents </li><li>Unlimited support: Everything in Priority support, plus phone assistance and remote web assistance </li></ul> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">What is the price of Telerik UI for .NET MAUI?</a> <div class="Answer" style="display:none;"> <p>The Telerik UI for .NET MAUI controls suite comes with several purchase options, giving you flexibility based on the needs of your project. Please refer to the <a class="track--faq" href="/purchase/maui-ui" data-sf-ec-immutable=""> Telerik UI for .NET MAUI pricing page</a> for more information.</p> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Is .NET MAUI different than Xamarin?</a> <div class="Answer" style="display:none;"> <p>.NET MAUI is an evolution of Xamarin. It builds upon Xamarin.Forms and provides additional enhancements, improved performance, and a simplified development experience. .NET MAUI offers a single project structure, improved tooling, and increased code sharing capabilities, making it the recommended choice for cross-platform app development with .NET.</p> </div> </li> <li > <a class="Question icon-arrow-up track--faq-link" href="javascript:void(0)" data-sf-role="toggleLink">Is .NET MAUI better than Flutter?</a> <div class="Answer" style="display:none;"> <p>Both Flutter and .NET MAUI enable the creation of cross-platform applications through code sharing across multiple platforms. The primary distinction between Flutter and .NET MAUI lies in their programming language choices. Flutter utilizes Dart, a language developed by Google, while .NET MAUI utilizes C# as its main language. If you want to use a mature language with excellent support for object-oriented programming, .NET MAUI is a great choice for large-scale projects.</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> </div> </section> <span class="DC-Scroller--end"></span> <div class="DC-Scroller--end"> <div class="Section u-bg-blue4 u-pt2 u-pb2"><div class="Section-bg Section-bg--sw"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/decorations/get-started-waves.svg?sfvrsn=f770ce3b_2" loading="lazy" alt="Get Started Waves" /></div><div class="container"><div class="row"><div class="col-4 u-pt6 u-m-col-12"><h2 class="u-mb7">Get the Bits</h2><a class="Btn Btn--l Btn--prim u-db u-mb1 u-ttn" href="/try/ui-for-maui" data-sf-ec-immutable="">Download Free Trial</a> <p class="u-c-grey7 u-fs18 u-fw3">See Telerik UI for .NET MAUI in action and check out how much it can do out-of-the-box.</p></div><div class="col-4 col--offset-3 u-m-dn u-tar"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/decorations/next-steps-ninja.svg?sfvrsn=eca2c06f_3" style="max-width:400px;" loading="lazy" alt="Next Steps" /></div></div></div></div> </div> </div> <footer class="TK-Footer" data-tlrk-nav-version="3.5.76" 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><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="/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="/videos" class="TK-Footer-Link">Videos</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/virtual-classroom" 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/telerik" 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">165k+</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></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/telerik" 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">165k+</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></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 © 2025 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.</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> <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="#Benefits" data-scrollto="sctn-Benefits">Benefits</a> <a data-sf-ec-immutable="" href="#Features" data-scrollto="sctn-Features">Features</a> <a data-sf-ec-immutable="" href="#Controls" data-scrollto="sctn-Controls">Controls</a> <a data-sf-ec-immutable="" href="#Also-Included" data-scrollto="sctn-Also-Included" class="has-light-bg">Also Included</a> <a data-sf-ec-immutable="" href="#DemoApps" data-scrollto="sctn-DemoApps" class="has-light-bg">Demo Apps</a> <a data-sf-ec-immutable="" href="#Pricing" data-scrollto="sctn-Pricing" class="has-light-bg">Pricing</a> <a data-sf-ec-immutable="" href="#WhatsNew" data-scrollto="sctn-WhatsNew">What's New</a> <a data-sf-ec-immutable="" href="#Resources" data-scrollto="sctn-Resources" class="has-light-bg">Resources </a> <a data-sf-ec-immutable="" href="#Faq" data-scrollto="sctn-Faq" class="has-light-bg">FAQS</a> <a class="Btn Btn--prim Btn--round2 u-fl u-mb1" href="/try/ui-for-maui" data-sf-ec-immutable="">Try now</a> </nav> <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=MS4wLjAuMzk0Nzc%3d" type="text/javascript"></script><script src="/Frontend-Assembly/Telerik.Sitefinity.Frontend.Lists/Mvc/Scripts/Lists/lists.min.js?package=PureMvc&v=MTQuNC44MTM0LjA%3d" type="text/javascript"></script><script src="https://dtzbdy9anri2p.cloudfront.net/cache/f45282983d991dbd595aae0fee3752e97494f8bc/telerik/js/dist/all.min.js" type="text/javascript"></script> <script type="text/javascript"> (function() { if (window._dataLayerTimeout) { clearTimeout(window._dataLayerTimeout); } window._dataLayerTaxLoadedEvent = {"tax_pagenode_products":"maui-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 = '//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 + '; path=/;SameSite=Lax;'; } }); })(); </script><script type="application/json" id="PersonalizationTracker"> {"IsPagePersonalizationTarget":false,"IsUrlPersonalizationTarget":false,"PageId":"d8d4aff1-580f-41b6-bc8d-e2406f489f1c"} </script><script type="text/javascript" src="/WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPhr-2awQiGC1t4afxFkRlQ9hya2sD15bGrdgIYxV5oymd7lM20nXinlfNQ7rubKudQ2RDNHnt0G9zqYW8HltmFjcKKorrcw5dV0tBFxsPvDHJP04y9syTz7mNZS4jPK7kvcqYvWCXk_9LL20Ml6lJlZfLS7RIWZnqaGGXv0sk0sXw5161BHGhvkqb9uCayn9Kq57pV9u23lE6Pml2fnEAC01&t=638412637940000000"> </script><script type="text/javascript" src="/WebResource.axd?d=tF6sXj7gT-oER17fW4aaecbWzcXXy4V0Gios3EP5S_pseF4vuGBuQKNJEn5mX-7vwruR9Y46F8PoViuto5XJrBIxmIQYpVpWmB_n44AWcs8W7sYIzWjqycWlNEMiGrGmeGw98Het3zKVGMRE-qfcWAHuPEiu1O3ofWymCD1LF84yvnoUujxEWRjPwZA3CzVyUoDO447ZeFv9JyZnRipUAA2&t=638412637900000000"> </script><script type="text/javascript"> ABTestingCookieManger.storeVariation("34a99177-e345-4f27-9ded-66bcc8b2fc01", 100); </script><script type="text/javascript"> (function(){var i=$("body").hasClass("is-mobile");if(!i){var n=$(".js-scroll-list"),r=$(".Accordion-toggle"),t="u-dn";n.on("click",function(t){t.preventDefault();$("html, body").animate({scrollTop:$(n.attr("href")).offset().top},300)});r.on("click",function(n){n.preventDefault();var i=$(this),r=i.attr("data-widget");$(".Accordion-media-content > div[data-widget="+r+"]").removeClass(t).siblings().addClass(t)})}})() </script><script type="text/javascript"> document.addEventListener("mousemove",parallax);function parallax(n){this.querySelectorAll(".parallax-wrap img").forEach(t=>{const i=t.getAttribute("value"),r=(window.innerWidth-n.pageX*i)/90,u=(window.innerHeight-n.pageY*i)/90;t.style.transform=`translateX(${r}px) translateY(${u}px)`})} </script><script type="text/javascript"> (function(){const i=$(".js-fragment");let n=0,t=!1;if(i.length){function u(t){const i=t.offset().top,u=i+t.outerHeight(),r=$(window).scrollTop(),f=r+$(window).height();return n=t.data("offset")||n,u-n>r&&i<f-n}function r(){t&&(t=!1,i.each((n,t)=>{const i=$(t);u(i)?i.addClass("is-intoview"):i.hasClass("js-fragment--once")||i.removeClass("is-intoview")}))}function f(){t=!0}$(window).on("scroll",f);window.setInterval(r,100);t=!0;r()}})() </script><script type="text/javascript"> $(document).ready(function(){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/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=MS4wLjAuMzk0Nzc%3d'></script> <script type="text/javascript" defer src='https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.SitefinityExtensions.EloquaConnector/Scripts/SetBrowserSessionStorage.min.js?package=PureMvc&v=MS4wLjAuMzk0Nzc%3d)'></script> </body> </html>