Hero Background

Blazor Hybrid for Native Mobile and Desktop Apps

Embed Telerik UI for Blazor web components in .NET MAUI, WPF or WinForms applications. Bring the best of web UI to native client development.

Download Free Trial

30-day FREE trial. Free technical support and training during your trial. No credit card requred.

Blazor Hybrid enables reusing web UI components/styles inside native mobile/desktop apps with full platform API access – a nice way to modernize apps while sharing code.

Sam Basu

Microsoft MVP & Developer Advocate

What is Blazor Hybrid?

Blazor Hybrid is an exciting new development pattern from Microsoft that empowers developers to build native desktop and mobile applications using the Blazor .NET framework and platform.

Because Blazor Hybrid apps use HTML, CSS, C# and JavaScript, there is ample opportunity to share a common code base between a Blazor web client, desktop and mobile apps. Existing Blazor applications can be configured to work with .NET MAUI, adding desktop and mobile clients. Blazor is welcome on native mobile and desktop apps—but can you bring in anything you love about Blazor? The answer is obvious—yes!

You could benefit from Blazor Hybrid in the following use cases:

  • Extend your Existing Blazor Applications to Desktop and Mobile
    Leverage Blazor Hybrid to port your existing Blazor application to mobile and desktop without needing to rewrite everything from scratch.
  • Build your New Desktop and Mobile Apps with Blazor Hybrid
    With Blazor Hybrid, build mobile and desktop apps with your web skills without having to learn a new markup language like XAML.
What is Blazor Hybrid Graphic

Telerik UI for Blazor Now Features
Blazor Hybrid

Progress Telerik UI for Blazor is a leading UI component library, allowing developers to elevate Blazor apps with polished, performant UI. There is now the exciting possibility that the same Telerik UI for Blazor-based web apps could also light up engaging and inclusive UI experiences on native mobile and desktop apps. The Blazor Hybrid story has a lot of potential for app modernization in the .NET ecosystem.

Blazor Ninja
Here is how the Telerik UI for Blazor suite can help you do it:
  • Use existing web UI components in native mobile and desktop applications
  • Leverage web development skills, experience, and resources
  • Create applications with access to the native capabilities of the device
  • Rely on top-notch support from the developers who build the product
  • Start fast with interactive learning materials and resources

How to Get Started with and Take Advantage of
Blazor Hybrid

As a prerequisite, within Visual Studio, opt-in for the .NET Multi-platform App UI development workload.

  1. Open the Create a new project wizard and choose the desired project template, such as .NET MAUI Blazor App.
  2. Examine and run the project. Note you can choose the desired platform through the Startup project option at the top. These include Windows, iOS and Android.
  3. A great next step is to follow the Getting Started with Blazor Hybrid documentation, which will guide you through how to plug the Telerik UI for Blazor components to the project.
  4. Once comfortable, do try to use different UI components, as well as run the application on both Windows and an emulated mobile device. We recommend going through the official Microsoft documentation that covers in detail how to set up the Android Emulator, as well as some common troubleshooting.

Alternatively, if you are building a Windows Forms Blazor app, opt-in for the .NET desktop development workload.

Further read: ASP.NET Core Blazor Hybrid tutorials

Download Free Trial

30-day FREE trial. Free technical support and training during your trial. No credit card requred.

Useful Resources on the Topic

Learn from the experts on how to take advantage of Blazor Hybrid.

Frequently Asked Questions

  • What is Blazor best for?
  • What is Blazor Hybrid?
  • What are the advantages of cross-platform Blazor?
  • Is Blazor Hybrid production ready?
  • What is the difference between Blazor Hybrid and Blazor Server?
  • Is Blazor Hybrid included in Telerik UI for Blazor?
Blazor ninja background

Next Steps

Download Free Trial

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