Get Started With DevExpress Components for Blazor

• Oct 24, 2024
• 2 minutes to read

Our Blazor UI Component Suite is included in the following DevExpress Subscriptions: Universal, DXperience, and ASP.NET (refer to the subscription comparison matrix for details). You can embed DevExpress components into Blazor Server, Blazor WebAssembly, and Blazor Hybrid applications.

Note

Blazor Hybrid support is available as a Community Technology Preview (CTP). Your feedback on how you use DevExpress components in Blazor Hybrid applications is greatly appreciated.

The subscription also grants you access to Blazor project templates and allows you to explore our product line features in the Demo Center.

DevExpress Project Templates

You can use DevExpress Project templates to create a new application. This application is ready to run and helps you speed up the development process as you can start to customize the project right away.

The created solution includes:

• References to the DevExpress Blazor NuGet package and DevExpress resources
• One of the DevExpress themes, Default Bootstrap, or Bootstrap Dark theme
• Application layout based on the GridLayout component
• Sidebar navigation based on the Menu component
• The Grid component
• The authentication module if you chose to incorporate it

How to Get Started

If you are new to Blazor, we recommend that you begin by installing DevExpress Blazor templates and components (Step 1). If you want to integrate DevExpress components into an existing application, proceed to Step 3.

1. Optional. Install DevExpress Blazor project templates and components on your local machine
2. Create a new project:
   • Blazor Web App
   • Blazor Hybrid
3. Set up DevExpress NuGet packages
4. Register DevExpress resources
5. Add DevExpress components
6. Enable Interactive Render Mode

Videos

• Creating a Blazor Web App Using DevExpress Templates (.NET 8)

• Adding DevExpress Blazor Components to an Existing Project (.NET 8)

• Creating Blazor Server & WebAssembly Apps Using DevExpress Templates (.NET 6)

• Creating Blazor Server & WebAssembly Apps Using Microsoft Templates (.NET 6)

Troubleshooting

If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.