# UIKit Components

**URL:** <https://community.developer.atlassian.com/t/uikit-components/102386>\
**Category:** Forge UI Kit and Custom UI\
**Created:** [August 30, 2026, 5:21am UTC](https://community.developer.atlassian.com/t/uikit-components/102386 "2026-08-30T05:21:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AndrewTyson](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/andrewtyson/32/52861_2.png) [@AndrewTyson](https://community.developer.atlassian.com/u/AndrewTyson)\
**Post date:** [August 30, 2026, 5:21am UTC](https://community.developer.atlassian.com/t/uikit-components/102386/1 "2026-08-30T05:21:24Z")

</div>

Hi,

I have a Confluence Forge application that is currently built using UIKit, and the Frame component that wraps HTML + JS + CSS content saved as an attachment on the page. So most of the dynamic behaviour is in the attachment.

The Confluence Forge application has an equivalent SharePoint WebPart that has recently been significantly updated to use Fluent UI components, making the application look and feel closer to SharePoint i.e. moving away from the static attacment in IFrame approach.

I want to make the application look closer to Confluence, and have been reviewing the available UIKit components. The available components do not appear to have some components that I need to provide a comparable user experience to the SharePoint WebPart.

Specifically I am looking for a UIKit equivalent for Fluent UI [CommandBar](https://developer.microsoft.com/en-us/fluentui#/controls/web/commandbar), [ContextualMenu](https://developer.microsoft.com/en-us/fluentui#/controls/web/contextualmenu) and [SearchBox](https://developer.microsoft.com/en-us/fluentui#/controls/web/searchbox).

Just wondering what others have done where UIKit components are not available. Possibly the simplest approach might be a custom UI with a third party React component library. Are there any known compatiability issues with Forge - and if what recommendations do people have regarding suitable component libraries.

Cheers,

Andrew

---

<div class="post-metadata">

**Author:** ![Mihai\_leanzero](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/mihai_leanzero/32/55980_2.png) [@Mihai\_leanzero](https://community.developer.atlassian.com/u/Mihai_leanzero)\
**Post date:** [September 1, 2026, 2:26pm UTC](https://community.developer.atlassian.com/t/uikit-components/102386/2 "2026-09-01T14:26:32Z")

</div>

Hi Andrew,

None of those three exist. The shipped `@forge/react` types barrel exposes 72 components, and CommandBar, ContextualMenu and SearchBox are absent under those names or anything close to them.

The nearest pieces you would assemble from are `Popup` for the contextual menu, `Textfield` for the search box, and `ButtonGroup` with `Button` or `LoadingButton` for the command bar. That is assembly rather than a drop-in, and it will cost you the keyboard behaviour Fluent gives you for free.

The Custom UI route turns on `permissions.external`. It splits into `fetch`, `fonts`, `frames`, `images`, `media`, `navigation`, `scripts` and `styles`, and each is declared separately. A component library bundled into your resource makes no runtime requests and needs none of them. The libraries that catch people out are the ones pulling an icon font or a stylesheet from a CDN at render time, because each category is declared separately and it is easy to ship having declared only `fetch`.

Which components are actually load-bearing for your WebPart parity?