Mendix Atlas UI

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.

Phone Templates

Check out our large collection of mobile-first templates

Check out the templates

Responsive Templates

Browse our pre-designed responsive templates

Check out the templates

Native mobile features

Mendix Atlas UI is completely compatible with the native capabilities of any mobile device you use. This means a full range support for all the gestures you can think of…

View in App Store

Pull to refresh
Push notifications
Switch
Sliders
List view swipe
Auto load more

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.

.show
.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 helpers

The 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