Skip to main content


Theme Cosmos

Suggest edit Updated on November 18, 2021

Theme Cosmos applications feature a consistent and familiar section-based UI that helps your business build a strong presence across technologies and channels. By basing an application on Theme Cosmos, you gain access to a library of low-code components that require less effort to use and maintain.

The default component library

Theme Cosmos is a front-end UI library that helps you build powerful case management applications in compliance with Pega Platform best practices and guidelines. By relying on ready-to-use templates, patterns, and themes, Theme Cosmos helps you reduce development effort and focus on the needs of your business. In addition, a more modern design and increased focus on intuitiveness help save time on application updates and user training.Note: In the 8.6 version of Pega Platform, Theme Cosmos is the default and recommended option.

For more information and news about Theme Cosmos, go to the Pega Cosmos home page.

Hybrid mode

In addition, Theme Cosmos applications can work in hybrid mode, a mixed architecture that supports React-based portal authoring and tables in an otherwise section-based UI. This approach produces a more efficient and dynamic interface, while leaving most Pega Platform functionalities unchanged. The mixed architecture of the hybrid mode helps you prepare your application for future changes.

For more information, see Hybrid mode. For more information on Pega Platform architectures, see Understanding UI Capabilities in Pega 8.6.

  • Learning about core user interface principles

    Before you start creating the user interface in your application, learn about the available tools, best practices, and the basic principles that drive user experience design.

  • Configuring portals

    Portals represent the main interface of your application, and provide users, such as case workers, managers, and customers, with the tools that they need to do their work. By configuring portals, you can set up an optimal environment for each of these user groups with minimal effort.

  • Working with App Studio forms

    Use App Studio to customize the out-of-the-box forms that capture user input in cases, and achieve quick results with minimal effort. When you organize the fields in a form, you can clearly communicate to users what tasks they need to perform to process an assignment in a case.

  • Working with Dev Studio forms

    Forms capture information that your application needs to process cases. By configuring intuitive forms in Dev Studio, you can help your users understand the tasks that they need to perform.

  • Using business logic to drive user experience

    Build an interface whose behavior changes depending on the needs of its users. By applying business logic to UI design, you can ensure that users see only the information that they need, and interact only with the functions that are relevant to them, which improves usability and saves time.

  • Styling your application with design systems

    Design systems help you introduce consistency to the applications that you build. By choosing to use a design system, you can scale your designs to maintain a unified presence across a number of platforms with less effort.

  • Debugging your UI

    Debug your UI efficiently by directly modifying interface elements that are rendered on the current page. The Live UI tool helps you make quick UI adjustments at run time and publish or discard your changes immediately.

  • Localizing your application

    Localizing your application helps users work in their preferred language, which improves their experience and ensures a better understanding of the product. By localizing an application, you can expand your operations to new markets regardless of language barriers.

  • Configuring an accessible UI

    Reach the broadest audience for your application by building a user interface that addresses the needs of users with disabilities. Designing a UI for assistive technologies, such as screen readers, is important for compliance and provides essential access to users who have visual impairments.

  • Building custom UI capabilities

    Dev Studio offers a number of tools that you can use to further customize your application.

  • Hybrid mode

    The hybrid mode in Theme Cosmos blends the speed and look of selected Cosmos React capabilities into the existing Pega Platform architecture. By supporting a mixed architecture, the hybrid mode helps you to progressively prepare your application for future changes.

Did you find this content helpful? YesNo

100% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us