{"id":15193,"date":"2021-06-11T10:00:24","date_gmt":"2021-06-11T17:00:24","guid":{"rendered":""},"modified":"2025-06-11T07:53:52","modified_gmt":"2025-06-11T14:53:52","slug":"announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/","title":{"rendered":"Announcing the general availability of Power Apps component framework for Canvas apps"},"content":{"rendered":"<p>Today we are very thrilled to announce the general availability (GA) of\u00a0\u00a0<strong><a href=\"https:\/\/docs.microsoft.com\/en-us\/powerapps\/developer\/component-framework\/component-framework-for-canvas-apps\">Power Apps component framework for canvas apps<\/a><\/strong>. This release marks a significant milestone for Power Apps as we achieve GA status on both model-driven and canvas apps.\u00a0First-party use cases, combined with\u00a0<a href=\"https:\/\/docs.microsoft.com\/en-us\/powerapps\/developer\/component-framework\/community-resources\">deeply engaged community<\/a>\u00a0whom we are very thankful for working very closely with us, makes this a truly <em>customer-driven release<\/em>.<\/p>\n<p>Custom code development bridges the gap between professional and citizen developers offering true <em>no-cliffs extensibility<\/em>. Now, pro developers can not only utilize power and flexibility of modern web technologies, but also can include their existing IP and external third-party libraries to\u00a0 seamlessly extend industry leading\u00a0<a href=\"https:\/\/powerapps.microsoft.com\/en-us\/blog\/microsoft-is-a-leader-in-the-forrester-wave-low-code-development-platforms-q2-2021\/\">Low-Code Development Platform for Professional Developers<\/a>.\u00a0 Note that this is the same framework Microsoft uses internally to build first-party UX controls for both model-driven and canvas apps. The framework is equipped and geared to have enterprise grade support for usability, performance, security, ALM and other fundamentals.<\/p>\n<p>With Power Apps component framework <a href=\"https:\/\/powerapps.microsoft.com\/en-us\/blog\/power-apps-portals-start-using-code-components-with-portals-preview\/\">preview announced for Power Apps<\/a><a href=\"https:\/\/powerapps.microsoft.com\/en-us\/blog\/power-apps-portals-start-using-code-components-with-portals-preview\/\"> portals<\/a>\u00a0recently, we are super excited about the prospects of catering to millions of new Power Apps portals users.<\/p>\n<p>In addition to a continued focused on <em>quality and fundamentals<\/em>, following features are being released as part of this release &#8211;<\/p>\n<ul>\n<li><strong>Simplified code component import experience\u00a0<\/strong>can now be used to add code\u00a0 components to the app using &#8220;get more components&#8221; flow &#8211; inline with the canvas components.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"New control import exper\" class=\"alignleft size-full wp-image-15303\" height=\"1376\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/NewImportPCFGA.gif\" width=\"2492\"\/><\/p>\n<ul>\n<li><strong>Default properties panel\u00a0<\/strong>now can show component manifest properties, enabling quick access for all makers to easily configure a code component.\u00a0 <img loading=\"lazy\" decoding=\"async\" alt=\"Default properties panel for code components\" class=\"alignnone wp-image-15237 size-full\" height=\"1382\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DefaultPropertyPanelFields.png\" style=\"font-weight: bold; color: #666666; font-size: 0.8125rem; font-style: italic;\" width=\"2495\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DefaultPropertyPanelFields.webp 2495w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DefaultPropertyPanelFields-300x166.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DefaultPropertyPanelFields-1024x567.webp 1024w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DefaultPropertyPanelFields-768x425.webp 768w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DefaultPropertyPanelFields-1536x851.webp 1536w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DefaultPropertyPanelFields-2048x1134.webp 2048w\" sizes=\"auto, (max-width: 2495px) 100vw, 2495px\" \/><\/li>\n<li><strong>Visual premium indicator for code components<\/strong> that use external services will help makers better understand licensing implication upfront.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" class=\"alignleft size-full wp-image-15245\" height=\"1370\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFPremiumControlSample.png\" width=\"2272\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFPremiumControlSample.webp 2272w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFPremiumControlSample-300x181.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFPremiumControlSample-1024x617.webp 1024w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFPremiumControlSample-768x463.webp 768w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFPremiumControlSample-1536x926.webp 1536w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFPremiumControlSample-2048x1235.webp 2048w\" sizes=\"auto, (max-width: 2272px) 100vw, 2272px\" \/><\/p>\n<p>\u00a0<\/p>\n<ul>\n<li><strong>Property-set configuration <\/strong>for data-set now support intellisense, and\u00a0 just needs the column name from configured data set.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"property set configuration \" class=\"alignleft size-full wp-image-15247\" height=\"1376\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/Property-set.gif\" width=\"2492\"\/><\/p>\n<ul>\n<li><strong>ALM\u00a0 support <\/strong>tracks and adds solution dependency<b> <\/b>from canvas apps to code components inline with model-driven apps. Code components that are in use by canvas apps can&#8217;t be deleted.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Solution dependency support\" class=\"alignleft size-full wp-image-15249\" height=\"1376\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/CanvasPCFDependencies.gif\" width=\"2492\"\/><\/p>\n<p>\u00a0<\/p>\n<ul>\n<li><strong>Additional framework APIs\u00a0<\/strong>are now added to supported set for canvas apps.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"\" class=\"alignleft size-full wp-image-15267\" height=\"647\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/NewPCFCanvasAPIs-2.png\" width=\"864\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/NewPCFCanvasAPIs-2.webp 864w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/NewPCFCanvasAPIs-2-300x225.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/NewPCFCanvasAPIs-2-768x575.webp 768w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/p>\n<ul>\n<li><strong style=\"font-size: 1rem;\">Advanced Dataset APIs support\u00a0\u00a0<\/strong>enables advanced operations like filters, pagination, and sorting.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"new canvas data set APIs\" class=\"alignleft size-full wp-image-15287\" height=\"749\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DataSetApis-1.png\" width=\"962\" srcset=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DataSetApis-1.webp 962w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DataSetApis-1-300x234.webp 300w, https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/DataSetApis-1-768x598.webp 768w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>In addition to canvas apps GA feature set, we are also adding new data type support for model-driven apps based on community feedback.\u00a0 We have been closely tracking component framework feature requests on ideas portal and have delivered many <a href=\"https:\/\/aka.ms\/PCFIdea\">top-voted features asks.<\/a>\u00a0\u00a0These changes will be available soon as we rollout PAC CLI update this month.<\/p>\n<ul>\n<li><strong>Lookup data type support\u00a0\u00a0<\/strong>enables developers to build Lookup control type and also configure Lookup column type to properties of the control.<\/li>\n<li><strong>Multi-select option set data type\u00a0<\/strong>can now be used to build custom code component to replace multi-select option type field.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Lookup and MSOS demo \" class=\"alignleft size-full wp-image-15282\" height=\"1376\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/LookUpandMSOS.gif\" width=\"2492\"\/><\/p>\n<p>Thousands of code components\u00a0developed across various platforms have really helped mature component framework to be more\u00a0robust and feature rich over last few years. As the new changes roll out, we look forward to continued engagement\u00a0with our customer and partner community via <a href=\"https:\/\/aka.ms\/PCFForum\">pro-dev forums<\/a>\u00a0and other channels.<\/p>\n<p>Cheers,<\/p>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/hemant-gaur\/\">Hemant Gaur\u00a0<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today we are happy to announce the general availability (GA) of Power Apps component framework for canvas apps. This release marks a significant milestone for Power Apps to bridge the gap between\u00a0code-first and citizen developers and offer true no-cliffs extensibility.<\/p>\n","protected":false},"author":171,"featured_media":15241,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","ms-ems-related-posts":[],"footnotes":""},"audience":[3378],"content-type":[],"job-role":[],"product":[3473],"property":[],"topic":[3421,3422],"coauthors":[2093],"class_list":["post-15193","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","audience-it-professional","product-power-apps","topic-application-modernization","topic-hyperautomation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Announcing the general availability of Power Apps component framework for Canvas apps - Microsoft Power Platform Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing the general availability of Power Apps component framework for Canvas apps - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"Today we are happy to announce the general availability (GA) of Power Apps component framework for canvas apps. This release marks a significant milestone for Power Apps to bridge the gap between\u00a0code-first and citizen developers and offer true no-cliffs extensibility.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-11T17:00:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T14:53:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"2492\" \/>\n\t<meta property=\"og:image:height\" content=\"1376\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Hemant Gaur\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hemant Gaur\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/\"},\"author\":[{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/\",\"@type\":\"Person\",\"@name\":\"Hemant Gaur\"}],\"headline\":\"Announcing the general availability of Power Apps component framework for Canvas apps\",\"datePublished\":\"2021-06-11T17:00:24+00:00\",\"dateModified\":\"2025-06-11T14:53:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/\"},\"wordCount\":504,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif\",\"keywords\":[\"Building UI\",\"Code first\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/\",\"name\":\"Announcing the general availability of Power Apps component framework for Canvas apps - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif\",\"datePublished\":\"2021-06-11T17:00:24+00:00\",\"dateModified\":\"2025-06-11T14:53:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif\",\"width\":2492,\"height\":1376,\"caption\":\"graphical user interface, application, Word\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing the general availability of Power Apps component framework for Canvas apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"width\":194,\"height\":145,\"caption\":\"Microsoft Power Platform Blog\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/aa4446c7404d02a2f09daeced44308f3\",\"name\":\"Hemant Gaur\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g423d9157f9cf49e189084a592334509a\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g\",\"caption\":\"Hemant Gaur\"},\"description\":\"Hemant Gaur is a Principal PM Architect for Power Apps App Agents, driving the strategy for agentic frameworks and human\u2011in\u2011the\u2011loop AI. He previously led the creation of the Power Apps Component Framework and spearheaded modernization across Dynamics 365 and Power Apps using the Fluent V2 design system, along with major cross\u2011group performance improvements.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/pcfpm\/\"],\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Announcing the general availability of Power Apps component framework for Canvas apps - Microsoft Power Platform Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/","og_locale":"en_US","og_type":"article","og_title":"Announcing the general availability of Power Apps component framework for Canvas apps - Microsoft Power Platform Blog","og_description":"Today we are happy to announce the general availability (GA) of Power Apps component framework for canvas apps. This release marks a significant milestone for Power Apps to bridge the gap between\u00a0code-first and citizen developers and offer true no-cliffs extensibility.","og_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2021-06-11T17:00:24+00:00","article_modified_time":"2025-06-11T14:53:52+00:00","og_image":[{"width":2492,"height":1376,"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif","type":"image\/gif"}],"author":"Hemant Gaur","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hemant Gaur","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#article","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/"},"author":[{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/","@type":"Person","@name":"Hemant Gaur"}],"headline":"Announcing the general availability of Power Apps component framework for Canvas apps","datePublished":"2021-06-11T17:00:24+00:00","dateModified":"2025-06-11T14:53:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/"},"wordCount":504,"commentCount":0,"publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif","keywords":["Building UI","Code first"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/","name":"Announcing the general availability of Power Apps component framework for Canvas apps - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif","datePublished":"2021-06-11T17:00:24+00:00","dateModified":"2025-06-11T14:53:52+00:00","breadcrumb":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#primaryimage","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2021\/06\/PCFImportViaGetMoreComponents.gif","width":2492,"height":1376,"caption":"graphical user interface, application, Word"},{"@type":"BreadcrumbList","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/2021\/06\/11\/announcing-the-general-availability-of-the-power-apps-component-framework-for-canvas-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"Announcing the general availability of Power Apps component framework for Canvas apps"}]},{"@type":"WebSite","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","width":194,"height":145,"caption":"Microsoft Power Platform Blog"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/person\/aa4446c7404d02a2f09daeced44308f3","name":"Hemant Gaur","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g423d9157f9cf49e189084a592334509a","url":"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b4a0c48366837396cdf7f655a0182672a9345d926b238b0546f9c5d5e26be1f1?s=96&d=mm&r=g","caption":"Hemant Gaur"},"description":"Hemant Gaur is a Principal PM Architect for Power Apps App Agents, driving the strategy for agentic frameworks and human\u2011in\u2011the\u2011loop AI. He previously led the creation of the Power Apps Component Framework and spearheaded modernization across Dynamics 365 and Power Apps using the Fluent V2 design system, along with major cross\u2011group performance improvements.","sameAs":["https:\/\/www.linkedin.com\/in\/pcfpm\/"],"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/author\/hemantg\/"}]}},"bloginabox_animated_featured_image":null,"bloginabox_display_generated_audio":false,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/15193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/171"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=15193"}],"version-history":[{"count":1,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/15193\/revisions"}],"predecessor-version":[{"id":130351,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/15193\/revisions\/130351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media\/15241"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=15193"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=15193"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=15193"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=15193"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=15193"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=15193"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=15193"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=15193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}