Avalon for PrimeVue

A modern and easy to use premium application template with highly customizable layout features. Based on a bootstrap styling, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.
Live Demo Docs Support Buy Now
  • Basic License

  • $29

    • Non Commercial Usage
    • Single End Product, No Multi-Use
    • Lifetime Support
    • Unlimited Updates
  • License Details
  • Extended License

  • $290

    • Commercial Usage
    • Multiple End Products
    • Lifetime Support
    • Unlimited Updates
  • License Details

The download package is a Vite-based project containing all source code of the application deployed at the live demo. The project is written in JavaScript. However, a TypeScript version is also being planned.

Visit the official documentation for more information.


Vue.js App with No Configuration

Avalon is powered by Vite to get started in no time following the best practices. Template is implemented purely in Vue.


Avalon is inspired by Bootstrap styling without depending on Bootstrap directly and can be used standalone.

Choose from a variety of theming options with bootstrap v3 and v4 alternatives.

Fully Responsive

Avalon is crafted to provide optimal viewing and
interaction experience for a wide range of devices.

Full SaSS Support

Scss syntax of Sass is used to create the css of
both layout and theme for easy customization.

4 Menu Orientations, Light and Dark Menu, 2 User Profiles

Avalon is highly customizable, in total there are 10000+ layout combinations. Menu has 4 modes out of the box; StaticOverlay, Slim and Horizontal with Light and Dark color alternatives. In addition user profile menu can be placed inside the main menu or topbar.

15 Different Themes

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

Create your own Avalon

Variety of options for the layout color palette are offered to define your own Avalon experience.

Ready to Use Pages

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

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.

Cross Browser Compatible

First class support for Firefox, Safari, Chrome and Edge.

Well Supported

Avalon has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.

Related Layouts

Apollo for PrimeVue
Apollo for PrimeVue
Babylon for PrimeVue
Babylon for PrimeVue
Roma for PrimeVue
Roma for PrimeVue

Need a Custom Theme Based on Your Own Style Guide?

Designer API is a SASS based theme engine to create PrimeVue themes easily featuring over 500 variables, a demo application, and a base sample theme. Whether you have your own style guide or just need a custom theme, Designer API is the right tool to design and bring them into existence.

Avalon is a next-gen layout proudly presented by PrimeTek