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!
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.
Visit the official documentation for more information.
Features
Light and Dark Modes
Avalon offers you 2 uniquely designed layout modes to choose from; Light and Dark.
Component 10 Beautiful Themes
Avalon offers 10 built-in themes and creating your own theme is a matter of defining couple of SaSS variables.
7 Menu Orientations
Avalon has 7 menu layouts to choose from; Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal with Light and Dark options.
Topbar Themes
Avalon comes with 11 topbar themes guaranteeing an enviable design.
> npm install -g angular-cli
> ng new my-apollo-app
> cd my-apollo-app
> ng serve
Angular with CLI
Avalon is powered by Angular CLI to get started in no time following the best practices like service based component interaction modular design and strict mode support
Ready to Use Applications
Mail, File System, Tasks, Calendar, Blog and Chat are the sample applications to get started with ease.
E-Commerce Pages
Avalon offers E-commerce pages to kickstart your e-commerce project powered by PrimeBlocks.
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.
PrimeFlex CSS Utilities
PrimeFlex is a CSS utility library featuring various helpers such as a grid grid-cols-12 gap-4 system, flexbox, spacing, elevation and more.
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.
PrimeIcons
Avalon ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.
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.
Fully Responsive
Avalon is crafted to provide optimal viewing and interaction experience for a wide range of devices.
Cross Browser Compatible
First class support for Firefox, Safari, Chrome and Edge.
Lifetime Support
Diamond has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.
Customizable Design
Fully customizable with a mixture of Sass and CSS variables.
Top Notch Quality
Superior standards with 100% compatibility for strict mode and linting tools.
Mobile Experience
Touch optimized enhanced mobile experience with responsive design.