OpenSilver 3.0 Framework for .NET Gets UI by AI -- Visual Studio Magazine

OpenSilver 3.0 Framework for .NET Gets UI by AI

By David Ramel
07/12/2024

A new AI-powered UI designer highlights the new release of OpenSilver 3.0, a free, open-source UI framework for building modern .NET web applications in C# and XAML.

The tool, basically a reimplementation of Microsoft Silverlight that runs on current browsers via WebAssembly, is now previewing integrated AI functionality in OpenSilver 3.0, which helps users generate complex UIs and make modifications using natural language commands. Devs can now simply describe desired changes and see the XAML updated automatically.

The open source tooling is offered up with optional professional support by Userware, which provided examples of these natural language prompts that result in instant coding changes:

"Create a landing page for a product named AdventureWorks CRM"
"Add a navigation menu at the top, change the style to use pastel colors, make the text black"

**[Click on image for larger view.]** AI-Powered UI *(source: OpenSilver/Userware).*

In addition to the natural language input, devs can also upload an image or a mockup to have the AI generate an approximation.

"Users can alternate between AI-driven changes, the drag-and-drop designer, and the manual XAML coding, providing an ideal mix of automatic generation and fine-grained customization," the company said in a news release.

Also on the AI front, the company launched UseCasesFor.ai, featuring more than 250 examples of AI applications across various industries.

Another new feature is XAML.io, described as the first online XAML designer that helps devs start building apps directly in the web browser -- no installation required -- then transition to Visual Studio for further development and deployment. The site XAML.io was itself built using OpenSilver.

"It allows .NET developers to start building applications directly in their web browsers, eliminating the need for local installations," the company said. "Developers can start their projects online and then transition to Visual Studio to further develop or deploy their applications."

The project's roadmap of what's coming next includes:

.NET MAUI Hybrid Support: Enabling developers to deploy native applications across iOS, Android, Windows, and macOS.
Blazor Components in XAML: Seamless integration of Blazor and JavaScript components within C# and XAML code.
XAML 3D (Preview available at XRSharp.io): Add interactive 3D elements to your OpenSilver apps, mix and match 2D and 3D XAML, and share ViewModels. Leverage your WPF app creation skills to create stunning 3D websites compatible with all browsers, and WebXR-powered Mixed Reality experiences for devices like Meta Quest and Apple Vision Pro, all using only .NET, C#, and XAML.

About the Author

David Ramel is an editor and writer at Converge 360.

Printable Format

comments powered by Disqus

Featured

Cloud-Focused .NET Aspire 9.1 Released

Along with .NET 10 Preview 1, Microsoft released.NET Aspire 9.1, the latest update to its opinionated, cloud-ready stack for building resilient, observable, and configurable cloud-native applications with .NET.
Microsoft Ships First .NET 10 Preview

Microsoft shipped .NET 10 Preview 1, introducing a raft of improvements and fixes across performance, libraries, and the developer experience.
C# Dev Kit Previews .NET Aspire Orchestration

Microsoft's dev team has been busy updating the C# Dev Kit, a Visual Studio Code extension that enhances the C# development experience by providing tools for managing, debugging, and editing C# projects.
Hands On: New VS Code Insiders Build Creates Web Page from Image in Seconds

New Vision support with GitHub Copilot in the latest Visual Studio Code Insiders build takes a user-supplied mockup image and creates a web page from it in seconds, handling all the HTML and CSS.
Naive Bayes Regression Using C#

Dr. James McCaffrey from Microsoft Research presents a complete end-to-end demonstration of the naive Bayes regression technique, where the goal is to predict a single numeric value. Compared to other machine learning regression techniques, naive Bayes regression is usually less accurate, but is simple, easy to implement and customize, works on both large and small datasets, is highly interpretable, and doesn't require tuning any hyperparameters.