Skip to main content
BuyLog In
Blazor
Search in…
Docs > Demos
All docs
V25.1
Blazor Components
Prerequisites
Supported Browsers
Get Started
What's New
Upgrade to a New Version
Demos
Examples
Videos
Common Concepts
Components
AI-powered Extensions
Styling and Themes
Security Considerations
Troubleshooting
Blazor & WinForms App UI Framework (Powered by EF Core)
Maintenance Mode
API Reference
Download CHM

DevExpress v25.1 Update — Your Feedback Matters

Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Demos

  • 2 minutes to read
In This Article
Online Demos
Run Demos Locally
Demos in the Installation Folder
Demos on GitHub
Sample Blazor Applications

#Online Demos

DevExpress Blazor components ship with the following online demos: https://demos.devexpress.com/blazor/.

#Run Demos Locally

#Demos in the Installation Folder

If you use the DevExpress .NET Product Installer to install Blazor components, you can find demo sources in the DevExpress product installation folder. The default path is C:\Users\Public\Public Documents\DevExpress Demos 25.1\Components\. You can run solutions from this folder or use the Demo Center to view demos.

Note

The demo project may throw an exception if the project path exceeds the maximum path length allowed on your device. In this case, move the demo project to a location with a shorter path or remove the path limit. Refer to the following section for more information: Enable Long Paths in Windows 10.

Follow the steps below to view demos in the Demo Center:

  1. Launch the Demo Center in one of the following ways:

    • Click the Demo Center 25.1 shortcut in Windows Start Menu.
    • Open the DevExpress product installation folder and run the Demo Center. The default path is C:\Users\Public\Public Documents\DevExpress Demos 25.1\Components\Components\Bin\DevExpress.DemoCenter.v25.1.exe.

    Demo Center

  2. Click Blazor, then select a component to explore.

    Local Blazor Demos

    The demos open in a browser.

#Demos on GitHub

Demo sources are available on GitHub:

To run demos locally, follow the steps below:

  1. Download the demo folder from the proper repository.

  2. Open one of the following solution files in Visual Studio 2022:

    • demo/BlazorDemo.ServerSide/BlazorDemo.ServerSide.sln
    • demo/BlazorDemo.Wasm/BlazorDemo.Wasm.sln

  3. Obtain the NuGet feed and install the DevExpress Blazor NuGet package.

  4. Only for the BlazorDemo.Wasm demo, make sure that the BlazorDemo.Wasm.ServerSide project is set as the solution’s startup project.

  5. Start the application in a supported browser.

#Sample Blazor Applications

The DevExpress .NET Product Installer ships with the Blazor Showcase Demo that illustrates how to use DevExpress Blazor components to build an application. This demo includes multiple business-oriented views that help you cover numerous scenarios.

Run Demo: Blazor Showcase Demo

App Showcase Demo

Follow the steps below to run the Showcase application in the Demo Center:

  1. Launch the Demo Center.

  2. Click Blazor and select Showcase in the Featured Demos section.

    Showcase in Demo Center

You can find the application source in the DevExpress product installation folder. The default path is C:\Users\Public\Public Documents\DevExpress Demos 25.1\Components\Blazor\BlazorDemo.Showcase. The source structure helps you seamlessly integrate code snippets into your Blazor-powered applications.