Template Hero Pattern

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.

Template Dashboard Image 1Template Dashboard Image 2
Basic License
$49

Non Commercial Usage

Single End Product, No Multi-Use

Lifetime Support

Unlimited Updates

Extended License
$490

Commercial Usage

Multiple End Products

Lifetime Support

Unlimited Updates

The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.

Visit the official documentation for more information.

Features

01
01
01
Light and Dark Modes

Avalon offers you 2 uniquely designed layout modes to choose from; Light and Dark.

02
02
02
Component 10 Beautiful Themes

Avalon offers 10 built-in themes and creating your own theme is a matter of defining couple of SaSS variables.

03
03
03
7 Menu Orientations

Avalon has 7 menu layouts to choose from; Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal with Light and Dark options.

04
04
04
Topbar Themes

Avalon comes with 11 topbar themes guaranteeing an enviable design.

Animation Feature Image

> npm install or yarn

> npm run dev or yarn dev



Vue App with No Configuration

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

Ready to Use Applications
Ready to Use Applications

Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.

E-Commerce Pages
E-Commerce Pages

Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.

Ready to Use Pages
Ready to Use Pages

Landing, login, invoice, help, user management and error pages are provided as template pages to get started with building your app.

01
01
01
PrimeFlex CSS Utilities

PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.

02
02
02
PrimeBlocks

Fully compatible with PrimeBlocks, choose from the wide range of blocks and customize the way you like. Note that PrimeBlocks is not included in the template and requires a separate purchase.

03
03
03
PrimeIcons

Avalon ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.

04
04
04
Figma File

Avalon uses Figma as the design tool. It will be possible to download the Figma file after your purchase. You can preview the Figma file before the purchase. Note that PrimeVue UI components are excluded from the Avalon Figma file as they are available in PrimeOne for Figma only.

Animation Feature Image
Fully Responsive

Fully Responsive

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

Cross Browser Compatible

Cross Browser Compatible

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

Lifetime Support

Lifetime Support

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

Customizable Design

Customizable Design

Fully customizable with a mixture of Sass and CSS variables.

Top Notch Quality

Top Notch Quality

Superior standards with 100% compatibility for strict mode and linting tools.

Mobile Experience

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.