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
| Product | Name | Description |
|---|---|---|
| Bitbucket | Bitbucket related pull requests app | Adds 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. |
| Confluence | Page 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 the Jira global page module. |
| ITSM Jira issues dashboard | Displays an ITSM dashboard (with mocked data) that incorporates various types of data visualizations. This project features a Forge example app utilizing the new UI Kit data visualization components (EAP). |
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.
Rate this page: