Pick your starting point

What is the Mendix UI Framework, and how to use our themes

Learn more

Create your own look & feel with the Mendix Theme Creator

Create your theme

How to customize the Mendix UI Framework

Read our guide

What is the Mendix UI Framework

Chapter 1:

Mendix UI Framework

The Framework

We created the Mendix UI Framework to enable developers without deep technical and design skills to build engaging, responsive multi-device applications. The framework works by allowing you to define the look and feel of your application on multiple levels, including themes, navigation layouts, page templates, design elements and a powerful CSS/Sass framework.

  • Integrated with Bootstrap
  • RTL support
  • PhoneGap components file support

Starting Points

Let’s explore the Mendix UI Framework in detail by clicking through one of our themes! These are great starting points to learn and build themes with the Mendix UI Framework.

Customize your own theme with our Theme Creator

Chapter 2:

Theme Creator

Design your theme

The theme creator enables you to quickly change and view your look & feel. By simply changing your brand colors and layout preferences you quickly add value and a personal touch for your new app.

Start theming

How to customize the Mendix UI Framework

Chapter 3:

Advanced customization

With the Mendix UI Framework you can build custom themes with the look and feel that is consistent with the Mendix Design Elements, Page templates, Navigation Layouts and more. Everything is well structured and origanized so you can quickly customize your own theme.

Ready to start customizing?

The Mendix UI Framework consists of CSS and the preprocessor Sass. You might be familiar with CSS and that it’s fairly easy to make changes for the look and feel of an application. CSS on its own can be fun, but style sheets are getting larger, more complex, and harder to maintain. This is where a preprocessor like Sass can help. Sass lets you use features that don’t exist in CSS, such as variables, inline importing, nesting and much more. We wrote several guides that you can follow here:

Useful links: