Last updated May 7, 2024

User interface

Design and build a user-friendly interface for your app. Start by exploring extension points to identify which part of the product you want to build an app for, and then develop the user interface using pre-built or custom components.

Build with UI Kit

UI Kit offers a wide range of pre-built, customizable components for the Forge platform. This lets you build rich app experiences that align with the Atlassian Design System — the visual language used across all Atlassian products.

Explore what’s possible

Explore example apps and tutorials for various Atlassian products to create apps using UI Kit.

Example apps

ProductNameDescription
Bitbucket Bitbucket related pull requests appAdds a pull request card that displays pull requests related to the one you're viewing, based on the Jira tickets mentioned in the title of the current pull request.
ConfluencePage approver app with UI Kit Allows the easy approval or rejection of a Confluence page through the Confluence content byline item module.
Jira Project introduction app with UI Kit Displays a summary of the project's objective and milestones using Jira global page module.

Tutorials

Build with Custom UI

If your app requires a highly-customized interface, external libraries, or you want to build using frontend frameworks other than React, you can build the interface using Custom UI. With this option, Forge platform hosts your static resources, enabling your app to display custom UI on Atlassian products.

Learn more about Custom UI

Rate this page: