After 1 month of hard work and dedication, PrimeFaces team is pleased to announce the all-new ultimate material application template, Ultima. A highly customizable premium application template featuring 3 menu modes, 10 themes, light and dark menu and 2 user profile modes. In total there are 120 possible layout combinations. It is by far the best material layout we’ve created and the most customizable one for sure.
Ultima closely follows Material Design language with ripple effects, input animations, shadows, cards and more.
3 Menu Modes
Ultima has 3 menu alternatives,
Light and Dark Menu
Menu has two color alternatives, light and dark that can be used with the 3 orientations listed above.
Next-gen layouts provide multiple themes for the layout and Ultima is no exception, based on material colors, Ultima provides 10 themes out of the box and it is also very easy to come up with your own with sass variables.
2 User Profile Locations
User profile menu can either be located inside the main menu or at topbar.
An icon at topbar provides a submenu and in responsive mode they are displayed as stacked.
Enhanced Mobile Experience
On a mobile device, Ultima applies theme colors to the device status and browser bar for a unified look, in addition mobile events such as swipe are enabled to close the overlay menu.
Landing, login and error pages are provided
as template pages to get started with building your app in no time.
Next-gen layouts are created with Sass, this simplifies maintaining the styles and allows easy customization. For example, we’ve documented how to create your own theme-layout colors for Ultima in case you need something different than the 10 provided themes.
Google has provided over 400 great looking material icons and we’ve converted them into PrimeFaces icons meaning they can be used with the regular ui-icon-* prefix within your component. Check out the icons demo for details.
Checkout Ultima in active at live preview.
Always bet on Prime!