blazor-docs/introduction.md

title	page_title	description	slug	position
Introduction	Blazor Documentation for UI Components	Check out the Telerik UI for Blazor documentation for guidance and examples on creating web applications with .NET using C# for the front-end.	blazor-overview	1

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.

{% if site.has_cta_panels == true %} {% include cta-panel-introduction.html %} {% endif %}

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]({%slug getting-started/server-side%})
• [Get Started with a Blazor WebAssembly app]({%slug getting-started/client-side%})
• [Get Started with a .NET 8 Blazor Web App]({%slug getting-started/web-app%})
• [Get Started with Blazor Hybrid]({%slug getting-started/hybrid-blazor%})

tip This online Blazor documentation covers the latest version of Telerik UI for Blazor, which is {{site.uiForBlazorLatestVersion}}. 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]({%slug getting-started/what-you-need%}) 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

{% include intro-page-table.html %}

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]({%slug installation/msi%}).

• 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]({%slug getting-started/video-onboarding%}) - 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]({%slug getting-started/server-side%})
• [First Steps with Blazor WebAssembly]({%slug getting-started/client-side%})
• [First Steps with Blazor Hybrid]({%slug getting-started/hybrid-blazor%})
• [Workflow Details for using the Telerik UI for Blazor components]({%slug getting-started/what-you-need%}) (a concise version of the tutorials above)
• Use guided wizards to generate new Telerik Projects in [Visual Studio]({%slug getting-started-vs-integration-new-project%}) and [Visual Studio Code]({%slug getting-started-vs-code-integration-overview%}).
• [Convert an existing project to a Telerik-enabled project]({%slug getting-started-vs-integration-convert-project%})
• [Style the Telerik Blazor Components]({%slug themes-overview%})