Design Principles
Atlas UI has a philosophy based on three core principles. These principles guide all our design decisions at Mendix, and we encourage every Mendix user to adopt them when building their own apps.
Simplicity
Freedom from complexity, we strive for simplicity to help you focus on what is important.
Harmony
Create familiarity and consistency throughout your apps landscape, regardless of the device you use.
Flexibility
Design apps that look good and scale in all situations without losing an intuitive and consistent experience.
Quickly Extend and Scale Your Apps
Choose the building blocks you need from our huge collection, carefully selected by our developers and designers. Fully integrated with the Mendix Web Modeler.
.hidden
.invisible
.list-nostyle
.nowrap
.pull-left
.pull-right
.align-top
.align-middle
.align-bottom
.padding-bottom-none
.no-margin
.spacing-outer
.spacing-outer-top
.spacing-outer-bottom
.spacing-outer-left
.spacing-outer-right
.spacing-inner
.spacing-inner-top
.spacing-inner-bottom
.spacing-inner-left
.spacing-inner-right
.d-inline
.d-inline-block
.d-block
.align-content-left
.align-content-right
.align-content-center
Helpers
Helper classes are the ultimate tool for creating beautiful tailor-made apps. These classes allow you to fully customize the design properties of widgets, helping with alignment, layout, spacing, and other properties.
View helpersThe Evolving Framework
Mendix Atlas UI is completely open source and accessible on GitHub. The framework leverages Bootstrap & Sass. Contribute to the project or customize Mendix Atlas UI to your needs.
View github View documentation
Solid Design Foundation
Atlas UI isn't just a beautiful design. We created a starter app to help you get up and running in minutes. Use out-of-the box page templates, building blocks, and widgets, or create your own.
Try it out yourself
