Playzor.Blazor 1.1.0

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Playzor.Blazor --version 1.1.0
                    


                    

                
NuGet\Install-Package Playzor.Blazor -Version 1.1.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="Playzor.Blazor" Version="1.1.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Playzor.Blazor" Version="1.1.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Playzor.Blazor" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Playzor.Blazor --version 1.1.0
                    


                    

                
#r "nuget: Playzor.Blazor, 1.1.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package Playzor.Blazor@1.1.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Playzor.Blazor&version=1.1.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Playzor.Blazor&version=1.1.0
                    


                            Install as a Cake Tool

Playzor

Playzor.Blazor

Embed a live, editable Blazor playground into any page. Readers change the code and run it without leaving your site — nothing is uploaded, the snippet travels inside the url.

Want the whole editor inside your own app instead of an iframe? That is Playzor.Blazor.Editor.

In a Blazor app

@using Playzor.Blazor

<PlayzorPlayground Code="@("<MudText>Hello from an embed</MudText>")" Height="420px" />
Parameter Default Description
Code – Content of the main razor file
Files – Multi file snippet (path → content), paths may contain folders
SnippetId – Id of a saved snippet — keeps the url short
Host https://playzor.net Playground host, e.g. https://try.mudex.org
View Split Split, Code or Preview
Theme Auto Auto, Light, Dark
File – File shown first
ReadOnly false Disables editing
AutoRun true Compiles and runs on load
HideHeader false Hides tab bar and buttons
Height 500px CSS height (ignored with AutoHeight)
AutoHeight false Iframe follows the embed's content height

In plain html

The same embed is a web component, so it works on a blog, in docs or in any CMS page:

<script type="module" src="https://playzor.net/_content/Playzor.Blazor/playzor-embed.js"></script>

<playzor-playground height="420px" view="split">
  <h3>Hello Playzor</h3>
</playzor-playground>

The code can come from the element's own content (as above), from code, from files as json, or from snippet-id. Every parameter above has an attribute: snippet-id, host, view, theme, file, readonly, autorun, hide-header, height, auto-height.

<playzor-playground view="split" file="Components/Card.razor"
  files='{"__Main.razor":"<Card />","Components/Card.razor":"<h4>A card</h4>"}'></playzor-playground>

The module also exports buildEmbedUrl(options) and encodeFiles(files) if you would rather build the link yourself.

Multiple files

<PlayzorPlayground Files="@_files" View="PlayzorView.Split" File="Components/Card.razor" />

@code {
    private readonly Dictionary<string, string> _files = new()
    {
        ["__Main.razor"] = "<Card />",
        ["Components/Card.razor"] = "<MudText Typo=\"Typo.h5\">A card</MudText>",
    };
}

Files in a folder land in a sub namespace (Try.UserComponents.Components), exactly like a real Blazor project — the playground adds the matching @using automatically.

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.1.0 40 9/15/2026
1.0.1 169 8/17/2026
1.0.0 111 8/8/2026