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 great, consistent experiences across form factors and mobile platforms.

The Atlas UI Framework addresses this challenge, while remaining standards-based, open and extensible. We put responsive UI design in the hands of rapid developers through a fully open source, responsive framework integrated into the Mendix visual development environment. With Mendix, even non-designers can quickly create rich, great looking apps that automatically adapt to all device form factors.

Learn about the Atlas UI Framework

Themes

The theme defines the overall look and feel of your application. We provide a set of beautiful and contemporary themes that you can easily customize, or you can create your own.

Navigation Layouts

Navigation Layouts control how users 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

We provide out-of-the-box templates for a wide range of page types, including Overview, Master-detail, Dashboard, Location and Wizard.

These templates are available for every type of device. Our UI framework also comes with a fully responsive Layout Grid so you can define specific layout behavior for smartphone, tablet and desktop.

Building Blocks

Speed development of custom pages using building blocks: assemblies of multiple, pre-configured widgets that can you can drag and drop into pages to implement common UI patterns, such as headers, timelines, and wizards.

Widgets

Further build out your pages by adding additional widgets from the rich set of user interface elements that come with the platform, as well as an ever-expanding set of widgets found in the Mendix App Store. Widgets are styled automatically by the theme, but can be customized on a case-by-case basis if styling or placement isn’t quite right.

Your Own Enterprise Design Language

Atlas allows your UI/UX team to define a standardized design language for developers across your organization to leverage within their apps, ensuring a consistent user experience and adherence to your corporate style guide. An Atlas-based design language includes:

  • Standardized set of page templates and building blocks created by your in-house UI/UX team that adapt, replace, or add to the Mendix-provided set.

  • Visual theme including the organization’s brand and internal app design standards.

  • Company-branded starter app consisting of navigation layouts, page templates, building blocks, and widgets to kick-start development.

An open and evolving framework

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

View github View documentation

Build Once for All Mobile Devices

Build amazing mobile applications for any device and make them an integral part of your digital initiatives. With Mendix you can build mobile apps once and deploy them anywhere, easily employing native device features, delivering a rich native user experience and leveraging the latest mobile technologies, such as Beacons and Touch ID.

In addition, the Mendix platform includes out-of-the-box support for on- and offline apps, that can be used in any environment, whether connectivity is present or not.

Touch Gestures & Animation

Using the Mendix mobile client framework and provided widgets you can quickly and easily create mobile apps that respond to user gestures with dynamic UI feedback, such as ballistic animation, as well as to take action, such as deleting a record or initiating a workflow process.

Device Features

Easily employ native device capabilities within your apps—such as accessing the camera, geolocation, barcode scanning—through simple drag-and-drop.

An ever-expanding array of widgets in the Mendix App Store allows you to take advantage of new device capabilities as soon as they emerge, such as Touch ID.

Push Notifications

Easily incorporate native push notifications into your application logic.

Beacon Support

Deliver location-based experiences using beacons to communicate with your apps.

Offline Support

With Mendix Smart Synch, automatically synchronize data to and from your device for use offline.

Built-in conflict resolution patterns simplify resolving any data conflicts that may occur when users are offline for extended periods.

Mobile Deployment Automation

One-Click Publishing

The Mendix one-click cloud-based publishing tool automates the process of packaging mobile apps for distribution through the Apple App Store, Google Play and enterprise App Stores.

Instant Testing on Mobile Devices

The Mendix Developer App allows you to quickly test mobile apps on any device, including the use of native device features. Simply pair a mobile device with your developer environment and scan a QR code to instantly load your app onto the device.

Over-the-Air Updates

Deploy over-the-air app updates and hot deployments of UI changes without without the need to redistribute the app.

Mobile Backend Services

The Mendix cloud backend is completely open and API-driven, allowing your application backend—as well as platform services—to be used by alternate toolchains and SDKs, such as Xcode, Android SDK or Xamarin.