Application UI setup
When building a new application, you can choose the view-based Cosmos React UI or the section-based, server-rendered Theme Cosmos UI that can also support view-based portal landing pages. You can check which UI your application is using to better understand the tools at your disposal.
You can check your UI setup by opening the Definition landing page in Dev Studio and looking at the Built on applications and UI Runtime sections.
The following table presents how you can read the values of fields on the Definition page to determine your UI environment.
Field values on the Definition tab and the application UI setup
| UI Runtime | Built on applications | Use react-based landing pages flag | UI setup |
| React-based UI | Any | Not applicable | View-based architecture with Cosmos React. For configuration details, see Cosmos React. |
| Server-rendered UI | Theme-Cosmos | ❌ | Section-based architecture with Theme Cosmos but
without hybrid landing pages. For portal configuration, see Building portals. For other components, see Theme Cosmos. |
| Server-rendered UI | Theme-Cosmos | ✔ | Hybrid Theme Cosmos UI. Except for the landing
pages, your UI is section-based and follows classic Pega configuration. For configuration details, see Theme Cosmos and Hybrid mode. |
| Server-rendered UI | UIKit | Not applicable | Section-based architecture with a classic Theme UI-Kit design system. For configuration details, see Theme UI Kit. |
Previous topic Tools for debugging Cosmos React Next topic Configuring portals