PrimeVue Avalon

PrimeVue Avalon

Bootstrap meets PrimeVue, the all-new premium Avalon template features bootstrap inspired styling, 4 menu modes with dark and light alternatives, 15 themes, various layout color schemes and more. In total there are over 4000 combinations to choose from.










Styling is inspired by Twitter Bootstrap that allows PrimeVue components look like bootstrap components and work with other bootstrap utilities like widgets and css helpers in harmony. Both V3 and V4 styling is supported that changes the theme of the overall layout and the PrimeVue theme.

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.

15 Themes









Avalon theme is highly customizable, there are 15 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.


Avalon is available at PrimeStore.

No Comments

Sorry, the comment form is closed at this time.