Visual Studio 2022, .NET 6 & .NET 7 support

Truly Native Blazor UI Components

Name: UI for Blazor
Brand: Telerik
Rating: 8.4 (69 reviews)

Develop new Blazor apps and modernize legacy web projects in half the time with a high-performing Grid and 100+ truly native, easy-to-customize Blazor components to cover any requirement.

Download Free Trial

*Includes access to online technical training to speed-up your onboarding.

Everything You Need for Great Blazor UI

Telerik UI for Blazor delivers components to meet all app requirements for data handling, performance, UX, design, accessibility, and so much more. This Blazor app example shows just some of what you can do.

Get the Code

Ready-to-run project with some of our most popular UI for Blazor components.

Full Blazor UI Component Library

Explore the collection of native Blazor UI components.

Download Free Trial

Fully-supported 30-day trial of the leading Blazor UI component library, themes, documentation, and more.

Blazor UI Components Key Features

Find truly native Blazor components for every use case

Cut development time and cost in half with the Telerik high-performing Grid and 100+ native, easy-to-customize Blazor components to cover any app scenario. Updates released every 6 weeks!

Save months of UI development time with the feature-rich Telerik Grid

100+ features provide flexible data visualization and manipulation, rich API, professional looks and a way to satisfy any design requirement.

“I'm excited to see partners like Telerik creating custom UI controls for Blazor. The Telerik UI controls make building beautiful web apps with lots of rich functionality sooooo easy!”

Daniel Roth

Program Manager, Microsoft

Build any type of app with just one set of UI controls

Easy to customize Telerik Blazor controls through multitude of methods, properties and events, as well as professionally styled built-in themes & the Telerik Sass Theme Builder enabling you to build your own.

Get support with 97% satisfaction rates

Outstanding support from the developers who build the product to help you work out all challenges promptly.

Get started fast with our interactive learning materials

Get results within hours by experimenting with our extensive Blazor component demos, docs & online technical training to help you get started in no time.

Awards

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.

G2 Leaders
Fall Award

TrustRadius
Most Loved Award

TrustRadius
Best Feature Set Award

TrustRadius
Best Customer Support Award

Explore our Native UI Blazor Components

High-quality native Blazor UI components, professionally designed themes, Theme Builder, Figma Kits.

Data Grid

View and manage data inBlazor applications with fully-featured Grid component, including sorting, filtering, grouping, virtualization, drag and drop and much more.

Scheduler (Calendar)

Embed an Outlook-like Blazor Scheduler that helps you customize your agenda by editing or adding appointments and displaying events in different views.

Charts

Create stunning data visualizations with every chart format, support for multiple axes, customization, export, and much more.

Form

Build interactive and professional-looking Blazor forms with complete freedom of customization, validation, data binding, input controls, and more.

Data Management

Scheduling

Editors

Data Visualization

Interactivity & UX

Navigation

Layout

Geo Visualization

Document Processing

PDF

PDF Viewer

Productivity Tools

Visual Studio Code

Gauges

Blazor UI Design Simplified with Your Choice of Tools

Need to customize the themes you get out of the box? No worries. If you work with designers or not, we provide tools to make the process painless and help you avoid tedious CSS work.

ThemeBuilder and ThemeBuilder Pro

Point, click and customize themes with ThemeBuilder. Choose between the free ThemeBuilder or subscribe to the new ThemeBuilder Pro for deeper customization options. Either one will keep you away from CSS so you can focus on what you do best.

Telerik and Kendo UI Figma Kits

Working with designers? Our free and ready-to-use UI kits for Figma will simply the designer-developer handoff. A Figma kit for each theme offered with Telerik UI for Blazor are available for download.

Flexible Packaging Tailored to Your Needs

You can buy Telerik UI for Blazor individually or as a part of the DevCraft bundle. If you want to be covered for all .NET and JavaScript technologies or need a reporting, mocking or testing solution, the DevCraft bundles offers the most value for money—and the most power.

Buy Telerik UI for Blazor

Buy the largest Blazor suite to build high-performant web apps with native Blazor UI components for any app scenario.

See Pricing

Starting at $899

Buy DevCraft Bundle

Get the complete bundle of .NET controls, JavaScript components, reporting, automated testing and productivity tools.

See Pricing

Starting at $1,299

“I have evaluated Telerik UI for Blazor along with MatBlazor's free library and Syncfusion's product for a new Blazor app. After extensive testing, we found that Telerik UI was the most fully functional and easy to use of the three. We found Syncfusion's data grid slower, and noticed a lot of unnecessary connections to the backend while running in Serverside mode. TelerikGrid did not have these problems, and the custom toolbars were easier to customize. When the client decided late in the game to abandon materials design in favor of Bootstrap-style controls, MatBlazor had to be removed entirely, but changing the Telerik controls to suit the change was a snap. Telerik UI for Blazor decreased our development time significantly and was a joy to use. I plan to use it in our next Blazor project as well.”

Erin Dunnett

Lead Developer, Techspired

“When I became interested in blazor I tested multiple products. Telerik was both the most advanced product and the easiest to use.”

jean pierre HARCOURT

DIRECTOR, PROXIMA INFORMATIQUE

“Great Tool”

Cesar Marquez

Engineer, nttdata

“EXCELLENT CONTROLS WORK 100%, TIME DEDICATED TO THE LOGIC NOT TO THE DEVELOPMENT OF THE CONTROL AND DESIGN”

Gerardo Alexander

developer, alexcorp

“Telerik Team does an awesome job constantly improving their products. The team actively engages with end-users via community forums for bug fixes, product enquiries, supports and releases. Well done! Telerik”

Chun Loke

Founder, Rumewa Technologies

“This is a very useful product. I use it for my front end websites. Easy to use. Lots of examples on the site and repo. Great product support also.”

Oleksandr Viktor

Senior ASP.NET Core / C# / SQL Server / Telerik Blazor UI Developer, Business Net Solutions Ltd

“For anyone reading this that is not a Progress Telerik customer yet, this (customer support) is why I have been since 2010. Great controls / components but even better service.”

Renier Pretorius

Owner, Consultlink

“

An artisan-crafted product out of the box for a developer with less time to do with the UI and other details. Just focus on your logic, the rest is handled very well.

”

Evlv Digital

Dev, Evlv Digital

“Telerik UI for Blazor is a great product. It saves time, high performance and Professional Look.”

Mahmoud Helmy

Senior Data Scientists, Kuwait University

“I've been testing Blazor components from a variety of providers and hands-down, the Telerik ones are the best - great UX, fast, easy to extend/implement.”

Chris Woodard

Technical Consultant, Avisra

“Very happy with the current control set, the progress to release new controls and the extending of current functionality. The controls are fast and easy to implement. Support is one of the best I've had to deal with. Friendly response and they always try to help you with examples, custom made for you examples and if what you want/need is not yet possible they try to find a workaround for you.”

Jurgen Mangé

SGS Belgium NV

“I saw Telerik UI components in YouTube videos and then I loved it. It is going to be a blast using them!”

M Imamul Hassan Khan

Developer, Xenon Solutions Ltd.

“I'm excited to see partners like Telerik creating custom UI controls for Blazor. The Telerik UI controls make building beautiful web apps with lots of rich functionality sooooo easy!”

Daniel Roth

Program Manager, Microsoft

Latest News, Updates and Resources

Blazor UI Blogs

What’s New in R3 2022 With Telerik UI Web Components

September 14, 2022

Blazor Best Practices: Handling Errors

September 12, 2022

Sharing Code With Blazor & .NET MAUI

September 8, 2022

Blazor UI Videos

39:54

Blazor Drawer Component

October 5, 2021

55:21

Blazor DataGrid Component

October 5, 2021

59:19

Blazor ListView Component

October 5, 2021

Getting started

Support Resources

Community

Services

Frequently Asked Questions

What is Blazor?

Blazor is a new framework by the Microsoft ASP.NET team that introduces a next generation component model that allows developers to write Single Page Applications (SPA) without JavaScript.
The framework is built on .NET that runs in the browser via WebAssembly, and is based on HTML, CSS and other standard web technologies. If Blazor sounds new to you that’s because it has only been in development since 2018, initially as an experimental project.
The Blazor framework targets the Mono WebAssembly runtime (the .NET runtime compiled to Web Assembly (WASM)), thus allowing .NET to run on the client’s browser inspiring the name “Blazor” (Browser + Razor). In this configuration the application’s resources including .dll files are delivered to the client and executed on the Mono WebAssembly runtime. This is what makes it possible to make the transition from JavaScript to C#.
Blazor has two separate execution modes with the biggest difference being the way the application is deployed. The first one is called Client-side and basically does what the previous paragraph described – this is the new and innovative concept for C# in the browser, it’s what Blazor is all about. Blazor’s other execution mode is called Server-side Blazor and in this configuration, Blazor operates more closely to how previous ASP.NET technologies worked. This mode is great for compatibility with existing applications.
What is the difference between Razor and Blazor?
Razor  is a popular template markup syntax for .NET. Blazor  (Browser + Razor) is a .NET based web framework which can run on the client using WebAssembly  or running on the server via SignalR
To give an example, Razor is the syntax you use when creating web apps with ASP.NET, which you’ve probably seen before:
<h1>
Hello @Model.FirstName
</h1>
Razor takes care of rendering your HTML based on the data in your model, while also supporting various conditionals and loops
On the other hand, Blazor  is a technology similar to ASP.NET Core & ASP.NET MVC in that:
- It powers web applications
- It uses Razor as its template syntax for the creation of UI
A common point of misconception is that Blazor uses Razor. This further exacerbated by two other similar terms – Blazor components  and Razor components . Those are widely used interchangeably but the correct terminology is Razor Component . A component is the combination of markup (written in HTML) and logic (in C#) in a single Razor file (with the .cshtml extension)
For more detailed explanation, we would suggest checking out our blog post dedicated to the topic of differences between Blazor vs. Razor
What are the benefits of using Telerik UI for Blazor components?
Telerik UI for Blazor is the industry-standard choice for developers who need build a professional, consistent user experience for enterprise web applications. Benefits include:
- A complete set of components to satisfy all UI requirements. No need to use multiple libraries
- No design skill needed for UI design. Multiple professionally designed themes are included
- Best-in-class complex components such as the Data Grid, Charts, and Scheduler cut months from the development cycle while providing the best performance and feature set possible
- Industry recognized support
- API consistency between component and frameworks reduces the learning curve
- Telerik’s Blazor component library is one of the only available that included truly native components
How easy is it to get started with Telerik UI for Blazor components?
Our Blazor team work hard to make sure getting started is very easy. Various resources are at your disposal:
- Client-side and server-side getting started tutorials.
- Video onboarding class.
- Demos for virtually every feature.
- Detailed documentation.

What are Telerik UI for Blazor components used for?

Telerik UI for Blazor components are used to both accelerate and increase the quality of Web application UI development. The full collection of Blazor UI components gives you all you need to implement professional UI so you can focus on your application logic.
What are the most popular Telerik UI for Blazor components?

Telerik UI for Blazor includes a broad spectrum of components from simple form inputs to a full-featured scheduler. The most popular components include the  Blazor Data Grid (or Data Table),  Blazor Charts, and  Blazor Scheduler.
Where can I find Blazor component examples and demos from the library?

We have created detailed documentation and demos for each feature of each component. In addition, we have packaged four fully functional  sample Blazor applications, complete with source code, that represent real world scenarios.
What is the price of Telerik UI for Blazor?

Telerik U for Blazor is a commercial library. The price is flexible depending on package and support level you choose. The license is perpetual, with subscription options for support and new updates. Please refer to the pricing page for more information.

What's New with Telerik UI for Blazor

New Telerik UI for Blazor PDF Viewer Component

The Telerik UI for Blazor PDF Viewer component allows you to access, open, download and view PDF files in-browser, without installing extensions or third-party tools.

New Theme in Telerik UI for Blazor: Microsoft Fluent Design System

The new Fluent theme in Telerik UI for Blazor follows the official guidelines of the Fluent Design System, enabling you to style all Blazor UI components as soon as you include the new theme into your project.

Visual Studio Productivity Tools - UI for Blazor Scaffolder

Visual Studio Productivity Tools in Telerik UI for Blazor

R3 2022 brings a myriad of productivity features to cut development time when working with Telerik UI for Blazor in Visual Studio.

More new and planned features

Industry-Leading Support

Expert and Timely Support

Get answers to your questions directly from the developers who build this Blazor component suite, even during your trial period.

Contact support

Need Evaluation Help?

If you are not a developer or don't have time to evaluate our product, send us your project requirements. We will evaluate your required features and let you know how our products fit your needs.

Send us your project requirements

Ready to Try it Out?

Free 30-day trial of all Blazor components and full access to support.

Download Free Trial

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Extended Reality

Free Tools

Truly Native Blazor UI Components

Everything You Need for Great Blazor UI

Blazor UI Components Key Features

Find truly native Blazor components for every use case

Save months of UI development time with the feature-rich Telerik Grid

Build any type of app with just one set of UI controls

Get support with 97% satisfaction rates

Get started fast with our interactive learning materials

Awards

Explore our Native UI Blazor Components

Data Management

Scheduling

Editors

Data Visualization

Interactivity & UX

Navigation

Layout

Geo Visualization

Document Processing

PDF

Productivity Tools

Gauges

Labels

File Management

Build, Run, Style and Share Your Snippets

Blazor UI Design Simplified with Your Choice of Tools

ThemeBuilder and ThemeBuilder Pro

Telerik and Kendo UI Figma Kits

Flexible Packaging Tailored to Your Needs

Buy Telerik UI for Blazor

Buy DevCraft Bundle

Latest News, Updates and Resources

Blazor UI Blogs

What’s New in R3 2022 With Telerik UI Web Components

Blazor Best Practices: Handling Errors

Sharing Code With Blazor & .NET MAUI

Blazor UI Videos

Blazor Drawer Component

Blazor DataGrid Component

Blazor ListView Component

Getting started

Support Resources

Community

Services

Frequently Asked Questions

What's New with Telerik UI for Blazor

New Telerik UI for Blazor PDF Viewer Component

New Theme in Telerik UI for Blazor: Microsoft Fluent Design System

Visual Studio Productivity Tools in Telerik UI for Blazor

Industry-Leading Support

Expert and Timely Support

Need Evaluation Help?

Ready to Try it Out?