Introducing Smart Components Experiment for Blazor, MVC, and Razor Pages

Add genuinely useful AI-powered features to your web app, just by dropping in pre-built Smart Components that upgrade your existing pages and forms in minutes. Steve Sanderson shows how SmartPaste, SmartTextArea, and SmartComboBox can all delight your users and make them more productive. This is a new experiment from the .NET team, and we want your feedback!
Chapters:
00:00 - Introduction to Smart Components
01:33 - Smart Paste to Forms
04:40 - Smart TextArea
07:22 - Smart ComboBox
09:20 - Wrap-up and Get Started
Resources:
Smart Components: aka.ms/smartcomponents
Connect with .NET:
Blog: aka.ms/dotnet/blog
Twitter: aka.ms/dotnet/twitter
TikTok: aka.ms/dotnet/tiktok
Mastodon: aka.ms/dotnet/mastodon
LinkedIn: aka.ms/dotnet/linkedin
Facebook: aka.ms/dotnet/facebook
Docs: learn.microsoft.com/dotnet
Forums: aka.ms/dotnet/forums
🙋‍♀️Q&A: aka.ms/dotnet-qa
👨‍🎓Microsoft Learn: aka.ms/learndotnet
#ai #aspnetcore #blazor #dotnet

[@vincele6174]

This is cool. I would like to see more AI-powered features integrated with BLAZOR.

[@MohamedIbrahim-ch2fr]

🔥🔥🔥 Blazor is blazing

[@WelcoBro]

You are my love, I forgot you and took me more than 10 yrs to listen to you again. Ty!❤

[@tristanlibouban]

Impressive! Really can't wait to see it delivered to our customers

[@fabracht]

Loved the Smart button

[@xrysav11]

That magic button. And Steve, The Legend

[@patrickjahr]

That is an amazing sample ❤‍🔥

[@haroldpepete]

damn, that blow my mind, it looks amazing

[@slashd]

This is freaking awesome! 👍

[@AlbertoChirinosNET]

It's amazing! Thanks!!

[@toadman5184]

More genius stuff from Steve!

[@TakuCoding]

This is why I'm a .net developer

[@sulmarpl]

Perfect, but due to the possibility to enter sensitive data the fundamental question is AI-powered is local or remote?

[@GC-qe8vc]

According to their docs, remote by default and (unsurprisingly) using the OpenAI models on Azure. You can configure another endpoint, but it has to be an endpoint that supports the OpenAI API. What concerns me is that the project is not open source, and without the source we have no way to tell how much telemetry may be collected to "improve our experience".

[@doomroot1321]

@@GC-qe8vc I think you can safely relax for now. This is an experiment. Check it out if you'd like to... or don't. If this makes it out of the experiment phase (like Blazor itself), it may likely be included in .NET itself which is open-source. If it does make it to .NET, it will likely also include extensive configurability, possibly to also use your own AI backend locally or otherwise. No need to get all hot and bothered.

[@mtranchi]

Wow, that rocks!!

[@10Totti]

Very very nice!

[@YaSiRaRaFaTdoTNet]

Just WOW!

[@jd31068]

That is cooler than the other side of the pillow!

[@ryana6961]

This is an interesting experiment. One thing I'd like to see with smart paste (especially with bug reports), is the ability for the original text to be submitted behind the scenes as well. The reason being: what if the bug report smart paste results in a step being slightly changed to the point that the bug is no longer reproducible with the parsed steps? If the purpose of this tool is to save time and energy, having to proof read what is spit out shouldn't be a necessity.

[@GetYourSecondHome-bu7kd]

Excellent! Keep moving ahead on this. All The Best!

[@SharifYazdian]

That was awesome. Wish there was a way we could interprete a table (a bunch of data) and generate text for us.

[@anveshkodumuri]

This is pretty cool. Is this available for Blazor Hybrid as well ?

[@dmtuan]

I need this

[@cissemy]

What to do if a combo box has ID/Name ? For example country dropdown display Name=United States but I want to post to the server ID=US.

[@nqaiser]

How does this work, is it sending information to Microsoft cloud service and fetching responses? Or the trained model is a part of application? Would be good to know what exactly is happening under the hood and how the model could be custom trained.

[@weluvmusicz]

I think you have to book Azure.

[@ryoukokonpaku1575]

It's likely calling onto OpenAI or Azure models. But it's very likely you can feed your own pretrained model for it as well if you know how to do AI training.

[@iOS20]

👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻

[@user-in3xs9gn2o]

Wow

[@weluvmusicz]

Does it work on bare-metal in an intranet?

[@notsingular]

Hey amazing developer, can you make my job not suck, 'sure, have you tried turning it off... and going home'. 😄

[@souleymaneba9272]

How do you set the display order ? UI Windows is at the top of the displayed list, 😅

[@sharafudeen4734]

Great! How do I apply these AI features in custom components such as MudBlazor UI Components?

[@HewbhurtGabon]

Same instruction to follow. You might need to style the button.

[@user-tq7ci3wd2z]

Microsoft, I hope you will also use your technology to build your enterprise products, giving us confidence.

[@stepanhakobyan]

OK, this is red!

[@mtranchi]

9:59 Lol, aren't we all amazing developers?

[@BlazorPlate]

We're thrilled to share that we'll be integrating these intelligent components into our BlazorPlate SaaS Starter kit!

[@pauljohnsonbringbackdislik1469]

4:00 I immediately imagined poor support that needs to answer questions or give advice to people. They currently need to constantly copy/paste between email and Chat GPT. It would be a great help if they could just one-click a response to concerned customer, wouldn't it? Oh... it sucks for the other side? Well... who is paying for the feature?

[@S3Kglitches]

Steve Sanderson > MAUI Team

[@gp6763]

erfff closed source. I'm manipulating very sensitive data, cannot use that :(

[@Joooooooooooosh]

Wouldn't matter even if it was open source, since this solution depends on sending all your data to Microsoft / OpenAI. This is pretty easily implemented with a locally run LLM anyway Ollama/JSON mode.

[@gp6763]

​@@Joooooooooooosh If it was open source I would simply rewrite the api service to target my own LLM. Easily, yes and no, I'm not into UI, it would take me weeks. Don't have that time to reinvent a wheel.

[@gp6763]

Having say that.. it's quick to retro engineering this kind of stuff

[@Cymricus]

he gave us enough info to make an open source version lol

[@Joooooooooooosh]

The AI thing is kinda getting outta hand I think. These components would literally have you paying Microsoft by the keystroke. 😂

[@filipnikolic2280]

Great components, still, you need to implement OpenAI API key, thus create an account on OpenAI, get your key, insert payment method etc. So yees great, but no.

[@pauljohnsonbringbackdislik1469]

You will miss out on workarounds for bullshit corporate procedures. I like that nobody is questioning the pointless work somebody has to do. This is what engineering means today.. we are not meant to solve problems :(

[@speakoutloud7293]

Why typing is difficult? AI has the better ideas and solutions. But do not complain about the past that brought you where you are!

[@DarrellTunnell]

"I'm rebuilding the application" - yeah it sucks doesn't it. How about just stop there and solve that problem.