Responsive UI Framework

Rapid meets Responsive Design

Delivering a great user experience is a crucial component to any digital initiative. But even expert JavaScript, HTML5 and CSS developers say it’s time consuming to create consistent experiences across form factors and mobile platforms.

The new Mendix UI Framework addresses this challenge. We put responsive UI design in the hands of rapid developers. Use pre-defined layouts, templates, UI elements and themes to delight your users with an appealing experience. These features are fully integrated into the platform so that developers don’t have to write a single line of code. Even for the most complex applications.

Themes

Selecting a theme is always the first step when creating a new application. The theme defines the overall look and feel of your application. We defined a set of beautiful and contemporary themes that you can easily customize. Or you can create your own.

Your Guide to the Mendix Platform
Your Guide to the Mendix Platform
White Paper

View

View the Resource
Expert Series: UX Awareness and Process
Expert Series: UX Awareness and Process
Webinar

View

View the Resource
The Eye-Catching Mendix UI Framework
Blog
View the Blog
Mendix UI Theme Creator
Blog
View the Blog

Navigation Layouts

You can now create a page and choose a navigation layout at the start. The layouts control how you navigate through your app, with top-bar or side-bar main and sub menus. A set of navigation layouts for each device type (phone, tablet or desktop) comes bundled with every theme.


Page Templates

With the theme and layout defined, choose the page type by clicking ‘Page Templates’ on the side bar of your canvas. Here you find pre-defined page templates, including Overview, Master-detail, Dashboard, Location and Wizard, to name a few. Again, these templates are available for every type of device.

The new UI framework also comes with a fully responsive Layout Grid so that your tables scale on any device.

Design Elements

You can further design your page by connecting data elements and adding additional widgets from the rich set of user interface elements that come with the platform. And to add your final touches, standard widgets can be adjusted quickly to your style, color, size, and alignment preferences.

Customization

The Mendix UI Framework is completely open source and accessible on GitHub. The framework leverages Bootstrap, Sass, Compass and Scout. Contribute to the project or customize the Mendix UI Framework to your needs.

Learn how to drive digital innovation

Let's import your brand
Blog
View the Blog
Smart Apps Guide: What Every IT Leader Needs to Know
eBook
View the Resource
Mendix CTO Maps Fast Path to Building Smart Apps
Blog
View the Blog
Johan den Haan Keynote: Unveiling Mendix 7
Video
View the Resource

Gartner 2016 Magic Quadrant for Enterprise aPaaS
Gartner 2016 Magic Quadrant for Enterprise aPaaS
Analyst Report

View

View the Resource
The Forrester Wave: Low-Code Development Platforms, Q2 2016
The Forrester Wave: Low-Code Development Platforms, Q2 2016
Analyst Report

View

View the Resource
Kick-start your UX with Mendix
Webinar

View

View the Resource