Welcome to UI for Blazor Documentation

Thank you for choosing Telerik® UI for Blazor!

The Blazor framework by Microsoft allows you to create rich web user interfaces with .NET and C#. The Telerik® UI for Blazor components facilitate the front-end development by providing ready-made UI components.

The UI for Blazor suite has the same HTML rendering and Theme stylesheets as the Kendo UI suites, so previous experience with them can be helpful. The components in UI for Blazor are native Blazor components and not wrappers over jQuery widgets.

Visit the Telerik UI for Blazor product overview page to learn the benefits of using our components.

New to Telerik UI for Blazor?

Telerik UI for Blazor is a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Getting Started

If you are new to Telerik UI for Blazor, visit the Getting Started tutorials that demonstrate how to add the Telerik components to your application:

• Get Started with a .NET 6 or 7 Blazor Server app
• Get Started with a Blazor WebAssembly app
• Get Started with a .NET 8 Blazor Web App
• Get Started with Blazor Hybrid

This online Blazor documentation covers the latest version of Telerik UI for Blazor, which is 7.0.0. If needed, download the offline PDF Blazor documentation for the required older product version.

Developers who are familiar with the IDE and Blazor could prefer the Workflow Details article. This is a shorter, more advanced version of the getting started tutorials above and explains the basics about the Telerik UI packages and how to set up a project.

If you are just getting started with Blazor and Web development, you may find the following resources useful in getting up to speed with the core concepts:

• Telerik e-book: Blazor: A Beginner's Guide and its Samples repo
• MSDN: First Steps with Blazor
• MSDN: Razor Syntax Reference

You can watch a YouTube playlist of getting started tutorials for Blazor (videos 1-4) and Telerik UI for Blazor (videos 5-8) below:

List of Components

• Data Management
  • Filter
  • Grid
  • ListView
  • Pager
  • PivotGrid
  • Spreadsheet
  • TreeList
• File Management
  • DropZone
  • FileManager
  • FileSelect
  • Upload
• Navigation
  • Breadcrumb
  • Button
  • Button Group
  • Toggle Button
  • Drawer
  • DropDownButton
  • Menu
  • Context Menu
  • PanelBar
  • SplitButton
  • Stepper
  • Tab Strip
  • ToolBar
  • TreeView
  • Wizard
• Maps
  • Map

• Editors
  • AutoComplete
  • CheckBox
  • Color Gradient
  • Color Palette
  • Color Picker
  • Flat Color Picker
  • ComboBox
  • MultiColumnComboBox
  • Date Input
  • Date Picker
  • Time Picker
  • DateTime Picker
  • DateRange Picker
  • DropDownList
  • HTML Editor
  • ListBox
  • Masked Textbox
  • MultiSelect
  • Numeric Textbox
  • Radio Button Group
  • RangeSlider
  • Signature
  • Slider
  • Switch
  • TextArea
  • TextBox
  • Validation Tools
• Labels
  • FloatingLabel
  • Badge

• Scheduling
  • Calendar
  • Gantt
  • Scheduler
• Charts
  • Charts Overview
  • Area Charts
  • Bar Charts
  • Bubble Charts
  • Candlestick Charts
  • Column Charts
  • Donut Charts
  • Heatmap Charts
  • Line Charts
  • OHLC Charts
  • Pie Charts
  • Radar Area Charts
  • Radar Column Charts
  • Radar Line Charts
  • Scatter Charts
  • Scatter Line Charts
  • Stock Chart
• Gauges
  • Arc Gauge
  • Circular Gauge
  • Linear Gauge
  • Radial Gauge
• Barcodes
  • Barcode
  • QR Code

• Layout
  • AppBar
  • Animation Container
  • Card
  • Carousel
  • Dialog
  • Form
  • Grid Layout
  • Media Query
  • Tile Layout
  • Splitter
  • Stack Layout
  • Window
• Interactivity and UX
  • AIPrompt
  • Loader
  • LoaderContainer
  • Skeleton
  • Notification
  • Progress Bar
  • Chunk Progress Bar
  • Popover
  • Tooltip
  • Popup
• Documents
  • Document Processing
  • PdfProcessing
  • SpreadProcessing
  • SpreadStreamProcessing
  • WordsProcessing
  • ZipLibrary

Use our feedback portal to tell us which components you want us to create and how you intend to use them with Blazor.

Building Blocks and Page Templates

Page Templates offer ready-to-use Blazor layouts that effectively integrate the Telerik UI for Blazor components. These templates consist of Building Blocks, which are the individual elements that form the complete layouts. The templates and blocks streamline the development process by providing pre-designed, customizable elements. For more details, refer to the Building Blocks and Page Templates documentation.

Trial Version and Commercial License

UI for Blazor is a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. While using the trial package, a watermark and banner will appear over the rendered components.

To use UI for Blazor commercially, you need to purchase a license. Feel free to review the Telerik UI for Blazor License Agreement and get acquainted with the full terms of use.

Support Options

For any issues you might encounter while working with Telerik UI for Blazor, use any of the available support channels:

• License holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the UI for Blazor dedicated support system.

• The UI for Blazor forums are part of the free support you can get from the community and from the UI for Blazor team on all kinds of general issues.

• The UI for Blazor feedback portal and UI for Blazor roadmap provide information on the features in discussion and those planned for release.

• UI for Blazor uses the feedback portal as a bug tracker, and you can submit any related reports there. Also, check out the closed bugs list.

• You may still need a tailor-made solution for your project. In such cases, go straight to Progress Services.

Learning Resources

• Online Demos - also available as a project that you can inspect and run locally. You can find them in the demos folder of your installation.

• Knowledge Base - contains answers to some common questions, problems and errors. Free-text search is also available.

• Blazor Samples Repo - example projects that showcase popular scenarios so you can jump-start your project by copying from them.

• Blazor UI Support and Learning Resources - a hub with links to all resources such as blogs, videos, repos, docs and so on.

• Video Onboarding Course - through the Telerik Virtual Classroom, you can watch videos and learn how to build a Blazor app at your leisure.

• Offline PDF documentation for all product versions - select Telerik UI for Blazor, then choose a version from the dropdown and look for the ZIP files in the Documentation section.

Next Steps

• First Steps with Blazor Server
• First Steps with Blazor WebAssembly
• First Steps with Blazor Hybrid
• Workflow Details for using the Telerik UI for Blazor components (a concise version of the tutorials above)
• Use guided wizards to generate new Telerik Projects in Visual Studio and Visual Studio Code.
• Convert an existing project to a Telerik-enabled project
• Style the Telerik Blazor Components