Avalon for PrimeNG

Welcome the new Avalon, elegantly designed with its new bootstrap theme and colors, offering 5 menu layouts with light and dark modes. The layout is mobile-friendly and cross-browser compatible, built with SASS, CSS3 and HTML5 ensuring excellent performance to get you started with your next project!

Live Demo Docs Support Buy Now

Basic License
$39

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

Extended License
$390

$590
- Commercial Usage
- Multiple End Products
- Lifetime Support
- Unlimited Updates
License Details

The download package is an Angular CLI-based project containing all source code of the application deployed at the live demo. The project code is written in TypeScript.

Features

Fully Responsive

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

Full SaSS Support

Sass is utilized for both the application and components to provide an easy to customize infrastructure based on variables.

Angular with CLI

Avalon is powered by Angular CLI to get started in no time following the best practices. Template is native and implemented in pure Angular.

Light / Dark Modes

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

7 Menu Orientations

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

Component Themes

Avalon offers 10 built-in component themes with dark and light options. Also if you want to create your own theme you can do it by just defining couple SASS variables.

Layout Themes

Avalon comes with 11 layout themes guaranteeing an enviable design.

Bootstrap

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

Crud Page

Easy start. A professional CRUD sample page designed and implemented by PrimeNG experts for you.

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 PrimeNG UI components are excluded from the Avalon Figma file as they are available in PrimeOne for Figma only.

PrimeIcons

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

Ready to Use Pages

Everything is ready for you to start and build your app in no time. Landing, login, invoice, help, and error pages are provided as template pages.

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.