UI Design

Last modified: April 21, 2023

1 Introduction

Mendix offers Atlas UI, a cross-platform UI framework that gives teams the foundation they need to build engaging, high-quality experiences and brings UX, IT, and business together. See the Atlas 3 site additional information on Atlas.

If you use an older version of Mendix Studio Pro, see atlas2.mendix.com for information on Atlas 2.

If you are migrating from Atlas 2 to Atlas 3, see How to Migrate from Atlas 2 to Atlas 3.

Atlas comes with a default design system which can be fully tailored and extended. New apps are based on this design system. For more information, see the Atlas Design System website.

The following how-to’s are available here:

  • Get Started — Learn more about Atlas UI and get started on your first customizations.
  • Customize Styling — Customize your styling in deeper ways. Specifically, you will see how our progressive and web apps use SASS (SCSS) and our native mobile apps use JavaScript to create your app’s styling.
  • Configure Module-Level Theme Settings — Use module-level theme settings to control theme system behavior. This allows you to control which elements your developers can and cannot use.
  • Create a Company Design System — Create a company design system: a “UI kit” which contains all the elements that a team needs to design, realize, and develop a product.
  • Extend Design Properties — Learn the basics of design properties and how to make your own.