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.
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.
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.
Enhanced mobile experience touch optimized responsive design elements.
Landing, login and error pages are provided as template pages to get started with building your app in no time.
Live Preview is available at Avalon Showcase, we suggest trying out different theme colors to find your favorite.
Avalon is available at PrimeStore.