Telerik REPL for Blazor Integration
Telerik REPL for Blazor is integrated in the UI for Blazor resources (documentation and demos), as well as Visual Studio and Visual Studio Code. It also includes an experimental integration of the Agentic UI Generator, which is built into the REPL sidebar.
In this article:
- Agentic UI Generator Integration in REPL
- Documentation Integration
- Demos Integration
- Visual Studio and Visual Studio Code Integration
- See Also
Agentic UI Generator Integration with Blazor REPL (Preview)
An AI‑powered prototyping experience for Blazor, available in Preview through the Blazor REPL online tool, now integrated with the Agentic UI Generator. This integration enables rapid generation of complete UI pages, layouts, and Blazor components directly in the browser, allowing developers to quickly generate, run, and evaluate Telerik UI for Blazor components in real time. It supports fast experimentation across different configurations, while enabling AI‑driven generation of both individual components and entire pages without requiring a local development setup.
To access the Agentic UI Generator, click the sparkle icon ✨ in the sidebar to open a chat interface where you can:
- Describe your UI requirements using natural language.
- Iterate on generated code with follow-up prompts.
Sign in with you your Telerik Account to activate the UI Generator in the REPL and get 10 monthly requests to explore its capabilities without leaving the browser.
Documentation Integration
Most code examples in the Telerik UI for Blazor documentation are directly runnable in Telerik REPL for Blazor. This provides interactive experience, as the snippets are easy to test and edit. The toolbar above each runnable code snippet contains the following options:
-
Edit—Opens the source in the integrated Telerik REPL for Blazor Editor.
-
Preview—Runs the snippet in the integrated Telerik REPL for Blazor Result View.
Demos Integration
The Telerik UI for Blazor demos support integration with Telerik REPL for Blazor. The demo window toolbar provides option for editing the demo in Telerik REPL for Blazor. Once you select that option, you will be redirected to the Telerik REPL for Blazor and its editor will contain the source code of the current demo, so you can directly edit and test it.
Visual Studio and Visual Studio Code Integration
Telerik Extensions for Visual Studio and Visual Studio Code provide option to easily share your code to the Telerik REPL for Blazor with a few clicks. You can share the whole file or just a selection.
The command can be used if more than 10 symbols are selected. Otherwise Visual Studio will disable the command, and Visual Studio Code will show an error message ("Expected at least 10 characters"). In case of multiple selection, every new piece will be concatenated on a new line.
If no selection is made, the whole file will be shared to Telerik REPL for Blazor. Only single files can be shared per command and not the whole application. Once the share to REPL process is triggered, status notifications will appear in the bottom-right corner for a few seconds. After that, the default browser will open with the uploaded snippet.
Sharing to REPL in Visual Studio
-
Get the extension from the Visual Studio Marketplace:
-
Access the command through the Context Menu:
- Select a section that you want to share.
- Right-click the selection to open the context menu.
- Click the Share to Telerik REPL for Blazor option.
Sharing to REPL Visual Studio Code
-
Get the Visual Studio Code extension from the Visual Studio Marketplace.
-
Access the command using either the context menu or the command palette:
-
To use the context menu option, select a section that you want to share, right-click the selection, and then click Share to Telerik REPL for Blazor.
-
To use the command palette, select a section that you want to share, search for Share to Telerik REPL for Blazor in the command palette and select it.
-