Code Examples

Explore interactive examples demonstrating various features and integrations.

Auth0 with Blazor Server
Order: 2

Integration Auth0 with Blazor Server is straightforward. This example demonstrates the necessary steps to set up authentication and authorization using Auth0 in a Blazor Server application. Follow the steps below to get started.

Azure AI Chat Bot
Order: 3

A minimal example of integrating Azure OpenAI Chat Bot with Blazor.

Code Editor Demo
Order: 10

The Monaco editor is an open source text editor created by Microsoft and used in VSCode. Monaco provides support for multiple programming languages including C#, JavaScript, and SQL.

Code Highlighting Example
Order: 10

Demonstrates syntax highlighting for C#, SQL, Blazor, and PowerShell using the HTML <code> tag and Prism.js.

Real-Time Mouse Tracking
Order: 10

Real-time collaborative mouse tracking using SignalR. See other users' mouse cursors as they move around the page.

Real-time Synchronization
Order: 20

Demonstrates SignalR-based real-time state synchronization with automatic master election, live counters, and synchronized interactions across multiple browser sessions.


Quick Navigation

Auth0 with Blazor Server

/examples/auth0-blazor-server-integration
2

Azure AI Chat Bot

/examples/azure-openai-chat-bot
3

Code Editor Demo

/examples/code-editor
10

Code Highlighting Example

/examples/code-highlighting
10

Real-Time Mouse Tracking

/examples/mouse-tracking
10

Real-time Synchronization

/examples/realtime-sync
20

An unhandled error has occurred. Reload 🗙