{"id":21230,"date":"2022-09-01T21:00:00","date_gmt":"2022-09-02T04:00:00","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/introducing-the-creator-kit-efficiently-create-performant-fluent-ui-based-power-apps\/"},"modified":"2025-06-11T07:48:30","modified_gmt":"2025-06-11T14:48:30","slug":"introducing-the-creator-kit-efficiently-create-performant-fluent-ui-based-power-apps","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/introducing-the-creator-kit-efficiently-create-performant-fluent-ui-based-power-apps\/","title":{"rendered":"Introducing the Creator Kit \u2013 Efficiently create performant Fluent UI based Power Apps"},"content":{"rendered":"\n

We’ve gotten a lot of great feedback since our initial release in May, and today we’re excited to be formally introducing the Creator Kit – ready to be used in production applications! <\/p>\n\n\n

The Creator Kit, published by the Microsoft Power CAT team, is a collection of 24+ Fluent UI controls and templates for Power Apps makers to create delightful app experiences more rapidly. <\/p>\n\n

\"graphical<\/a>
Creator Kit on Power CAT Live YouTube video<\/figcaption><\/figure>\n\n\n

What\u2019s included<\/h2>\n\n\n

The Creator Kit is distributed in three managed solutions, each containing unique components:<\/p>\n\n

\"\"<\/figure>\n\n\n

All controls and components included in the kit use the\u00a0Fluent UI<\/a>\u00a0framework to help easily create consistent, beautiful, and effective user experiences for custom business applications.<\/p>\n\n\n

\"\"<\/p>\n\n\n

Creator Kit (CreatorKitCore)<\/h3>\n\n\n

A solution that contains the core components of the Creator Kit:<\/p>\n\n\n

\n
\n
\n
\n
\"\"<\/th>Display name \"\"<\/th>Type<\/th>\"\" Status<\/th><\/tr><\/thead>
\"\"<\/td>AutoWidthLabel<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>Breadcrumb<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>Calendar<\/a><\/td>Code<\/td>\"\"Preview<\/td><\/tr>
\"\"<\/td>CommandBar<\/a><\/td>Code<\/td>\"\"Preview<\/td><\/tr>
\"\"<\/td>ContextMenu<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>Dialog<\/a><\/td>Canvas<\/td>\"\"Experimental<\/td><\/tr>
\"\"<\/td>Elevation<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>ExpandMenu<\/a><\/td>Canvas<\/td>\"\"Experimental<\/td><\/tr>
\"\"<\/td>DetailsList<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>Header<\/a><\/td>Canvas<\/td>\"\"Experimental<\/td><\/tr>
\"\"<\/td>Icon<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>KeyboardShortcuts<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>Nav<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>Panel<\/a><\/td>Canvas<\/td>\"\"Experimental<\/td><\/tr>
\"\"<\/td>Picker<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>ProgressIndicator<\/a><\/td>Code<\/td>\"\"Preview<\/td><\/tr>
\"\"<\/td>ResizableTextArea<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr>
\"\"<\/td>SearchBox<\/a><\/td>Canvas<\/td>\"\"Experimental<\/td><\/tr>
\"\"<\/td>Shimmer<\/a><\/td>Code<\/td>\"\"Preview<\/td><\/tr>
\"\"<\/td>Spinner<\/a><\/td>Code<\/td>\"\"Preview<\/td><\/tr>
\"\"<\/td>TagList<\/a><\/td>Code<\/td>\"\"Stable<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n

See the control reference<\/a> for all updated controls and their status.<\/p>\n\n\n

You will notice some components are marked as preview or experimental. Preview is tagged for controls added recently, and experimental is if an underlying platform capability a component depends on is not generally available (e.g., canvas components are not supported in custom pages). <\/p>\n\n\n

\"\"<\/p>\n\n\n

Reference Solutions<\/h3>\n\n\n

These solutions provide templates and utilities for building with Creator Kit components in canvas apps vs custom pages (embedded in Model Driven apps).<\/p>\n\n\n

CreatorKitReference (MDA)<\/strong><\/td>CreatorKitReference (Canvas)<\/strong><\/td><\/tr>
Contains references for developing Model Driven apps with custom pages and the Creator Kit components. A standalone Power Platform license<\/a> is needed to play these assets.Includes the Reference App (shown in the screenshot below) and a custom page template.<\/td>Contains references for developing canvas apps with the Creator Kit components. A standalone Power Platform license is not needed to play these assets.Includes a Reference App, a canvas template app, and a Fluent Theme Designer app.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n

\"\"<\/p>\n\n\n

\"text\"<\/a>
Creator Kit Reference App (click image for animation)<\/figcaption><\/figure>\n\n\n

Each reference solution contains a reference application that lets you interact with each component and see the underlying formulas that render it. It’s a great way to quickly learn how the components behave and are implemented.<\/p>\n\n\n

\"\"<\/figure>\n\n\n

Real world scenarios<\/h2>\n\n\n

Custom Outlook Panel<\/strong><\/p>\n\n\n

The kit components were used created a flyout experience in the Outlook web app using the Panel, Elevation, and Icon controls. Posted by Mats Necker<\/a>.<\/p>\n\n

\"graphical
Creator Kit components being used in a custom Outlook Power App<\/figcaption><\/figure>\n\n\n

“As someone coming more from a developer background the Creator Kit is amazing for me, it speeds up my canvas app development\/design while making my apps look A LOT more professional!”<\/p> Mats Necker<\/strong>CTO bei knk Customer Engagement GmbH<\/cite><\/blockquote><\/figure>\n\n\n

\"\"<\/p>\n\n\n

<\/p>\n\n\n

CoE Starter Kit Environment Management refresh<\/strong><\/p>\n\n\n

The Environment Creation Request experience to view a request in detail, migrated into a custom page. part of the CoE Starter Kit<\/a>.<\/p>\n\n

\"graphical<\/a>
Environment Request refresh from the CoE Starter Kit<\/figcaption><\/figure>\n\n\n
<\/div>\n\n\n

\"\"<\/p>\n\n\n

Get Started<\/h2>\n\n\n

Start using the Creator Kit by reading the setup instructions<\/a>.<\/p>\n\n\n

\"\"<\/p>\n\n\n

Support<\/h2>\n\n\n

Report bugs in our GitHub repository issues<\/a>. Our team will triage issues with the Creator Kit components<\/a>. See our support documentation<\/a> for more guidance.<\/p>\n\n\n

\"\"<\/p>\n\n\n

\"\"<\/a>
Report a bug<\/figcaption><\/figure>\n\n\n

\"\"<\/p>\n\n\n

Feedback<\/h2>\n\n\n

We host our backlog<\/a> in the GitHub repository<\/a> to make our roadmap publicly available. We largely depend on community feedback to prioritize feature development and continued investment in the kit.<\/p>\n\n\n

Upvote (?) backlog items you would like to see in the kit next to help our team determine the demand for each component. Work that is committed will be associated with a specific release.<\/p>\n\n\n

You can also submit a feature request<\/a> if the backlog does not have the Fluent UI components or capabilities you need.<\/p>\n\n\n

\"\"<\/p>\n\n\n

\"\"<\/a>
Share feedback<\/figcaption><\/figure>\n\n\n

\"\"<\/p>\n\n\n

<\/p>\n\n\n

Everyone benefits from the Creator Kit<\/h2>\n\n\n

The kit provides many improvements that affect Power Platform makers, users, and admins:<\/p>\n\n\n