Live preview for Blazor .razor files with MudBlazor, right inside Visual Studio: updates while you type, renders your own components and layouts, click-to-source, a toolbox with knobs for every parameter and a properties window that edits your markup in place.
See your Blazor .razor files rendered while you type – right inside Visual Studio. Built for MudBlazor.
Features
Live preview on every keystroke – no save, no build, no browser
Your own components, services, layout and MudTheme – after a build the preview picks them up automatically
Click an element in the preview to jump to its line in the editor; the cursor in the editor highlights the element in the preview
Toolbox with knobs for every parameter, descriptions from your XML docs and an icon picker for all MudBlazor icons – insert at the cursor or drag into the editor
Properties window: put the cursor on a component and change its attributes with knobs – your other attributes and formatting stay untouched
some parts can not be previewed because they only show after specific functions
Get started
Open a Blazor project and a .razor file
View › Other Windows › Blazor Live Preview (and Blazor Toolbox)
Build once so your own components and styles show up
