Skip to main content

Theme UI-Kit

Suggest edit Updated on December 13, 2021

Bring value and meaning to the user experience in your business processes. Design and build applications with a traditional user interface that remains responsive, intuitive, and meets all your business needs.

UI-Kit library

UI Kit is the classic set of product design resources that is aimed at improving consistency in business applications. As the original Pega Platform design solution, UI-Kit speeds up maintenance and continued development of existing applications. For more information on the UI-Kit design patterns, see UI-Kit legacy design documentation.

For more information on other UI architectures, see Theme Cosmos and Cosmos React (early adopter).

Targeted use

In the 8.6 version of Pega Platform, UI-Kit supports existing classic applications or applications that you build on top of UI-Kit-reliant Pega products, such as Pega Customer Service.

For more information on UI types, see Understanding UI capalibilities in Pega 8.6.

  • Designing your user interface

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

  • Building 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 setting up portals, you can configure the optimal environment for each of these user groups with minimal effort.

  • 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.

  • 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.

Did you find this content helpful? YesNo

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