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

    Demos

    • 2 minutes to read

    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.