New advances in AI promise to revolutionize how we interact with and use software. But adding AI features into existing software can be challenging. That\u2019s why we built the new .NET Smart Components, a set of genuinely useful AI-powered UI components that you can quickly and easily add to .NET apps. You don\u2019t have to spend weeks of dev time redesigning your UX or researching machine learning and prompt engineering. .NET Smart Components are prebuilt end-to-end AI features that you can drop into your existing app UIs to make your users more productive.<\/p>\n
The .NET Smart Components are an experiment<\/strong> and are initially available for Blazor, MVC, and Razor Pages with .NET 6 and later. We expect to provide components for other .NET UI frameworks as well, like .NET MAUI, WPF, and Windows Forms, but first we\u2019re interested in your feedback on how useful these components are and what additional capabilities you\u2019d like to see added.<\/p>\n Watch Steve Sanderson demonstrate what the .NET Smart Components can do:<\/p>\n\n The .NET Smart Components currently include the following smart features:<\/p>\n Smart Paste fills out forms automatically using data from the user\u2019s clipboard with the click of a button. You can use this with any existing form in your web app. This helps users add data from external sources without re-typing.<\/p>\n\n Learn more: Smart Paste docs<\/a><\/p>\n An intelligent upgrade to the traditional textarea. You can configure how it should autocomplete whole sentences using your own preferred tone, policies, URLs, and so on. This helps users type faster and not have to remember URLs etc.<\/p>\n\n Learn more: Smart TextArea docs<\/a><\/p>\n Upgrades the traditional combobox by making suggestions based on semantic matching. This helps users find what they\u2019re looking for.<\/p>\n\n Learn more: Smart ComboBox docs<\/a><\/p>\n You can try out the .NET Smart Components with Blazor or MVC\/RazorPages using the .NET Smart Components sample apps<\/a> on GitHub.<\/p>\n To get started with the .NET Smart Components sample apps:<\/p>\n Download and install the .NET SDK<\/a> if you don\u2019t already have it installed. RepoSharedConfig.json<\/em><\/p>\n “SmartComponents”: { Run either ExampleBlazorApp<\/em> or ExampleMvcRazorPagesApp<\/em> to see the .NET Smart Components in action.<\/p>\n Once you\u2019re ready, you can add .NET Smart Components to your existing Blazor, MVC, or Razor Pages apps by following these guides:<\/p>\n Get started with .NET Smart Components and Blazor<\/a> The .NET Smart Components are currently experimental and not officially supported. We want to hear from you whether these components are useful and how we can improve them to best meet your app development needs. To share your thoughts and feedback with us, please post an issue<\/a> on GitHub.<\/p>\n Thank you for trying out the .NET Smart Components!<\/p>\n The post Introducing .NET Smart Components \u2013 AI-powered UI controls<\/a> appeared first on .NET Blog<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" New advances in AI promise to revolutionize how we interact with and use software. But adding AI features into existing […]<\/p>\n","protected":false},"author":0,"featured_media":326,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[],"class_list":["post-325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dotnet"],"_links":{"self":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/posts\/325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/comments?post=325"}],"version-history":[{"count":0,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/posts\/325\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/media?parent=325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/categories?post=325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rssfeedtelegrambot.bnaya.co.il\/index.php\/wp-json\/wp\/v2\/tags?post=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}What\u2019s included<\/h2>\n
Smart Paste<\/h3>\n
Smart TextArea<\/h3>\n
Smart ComboBox<\/h3>\n
Running the samples<\/h2>\n
\nClone or download the .NET Smart Components sample repo from GitHub: https:\/\/aka.ms\/smartcomponents<\/a>.
\nDeploy an Azure OpenAI backend<\/a> if you don\u2019t already have one, and then edit the RepoSharedConfig.json file at the root of the solution to add your API key, deployment name, and endpoint URL.<\/p>\n
\n “ApiKey”: “<API key>”,
\n “DeploymentName”: “<deployment name>”,
\n “Endpoint”: “https:\/\/YOUR_ACCOUNT.openai.azure.com\/”
\n}<\/p>\nAdd to an existing app<\/h2>\n
\nGet started with .NET Smart Components and MVC or Razor Pages<\/a><\/p>\nFeedback and support<\/h2>\n