Top

PrimeFaces Avalon

PrimeFaces Avalon

Bootstrap meets PrimeFaces, the all-new premium Avalon template features bootstrap inspired styling, 4 menu modes with dark and light alternatives, 13 themes, various layout color schemes and more. In total there are over 4000 combinations where your users can define their own UI experience.

Bootstrap

Styling is inspired by Twitter Bootstrap that allows PrimeFaces components look like bootstrap components and work with other bootstrap utilities like widgets and css helpers in harmony. PrimeFaces core uses content-box box-sizing whereas Bootstrap uses border-box which break styling of  some PrimeFaces components, however Avalon Theme applies the same box-sizing as bootstrap to avoid any conflicts between PrimeFaces components and bootstrap.

Note that Avalon does not depend on Bootstrap and can be used standalone as well.

4000+ Layout Combinations

Avalon provides 4 menu modes out of the box; Static, Overlay, Horizontal and Static with light and dark alternatives. There are two profile modes and various layout colors such as flat and gradient. In total there are 4000 layout combinations.

13 Themes

Avalon theme is highly customizable, there are 13 built-in themes and creating your own theme is a matter of defining a couple of sass variables.

Mobile Optimized

Enhanced mobile experience touch optimized responsive design elements.

Templates Pages

Landing, login and error pages are provided as template pages to get started with building your app in no time.

Live Preview

Live Preview is available at Avalon Showcase, we suggest trying out different theme colors to find your favorite.

Download

Avalon is available at PrimeStore.

Share
No Comments

Sorry, the comment form is closed at this time.