An elegantly designed admin template offering 7 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
2 color schemes with 8 surface color alternatives for each.
Component Themes
17 built-in theme colors with the power of 3 presets: Aura, Lara and Nora.
7 Menu Orientations
Static, Overlay, Slim, Slim+, Reveal, Drawer and Horizontal are the available menu layouts depending on your preference.
Topbar Themes
Numerous topbar themes with an appealing design.
> npm install -g angular-cli
> cd avalon-ng
> npm install
> 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
Tailwind CSS
The demo content is built with TailwindCSS, while the application shell uses custom CSS, offering flexibility and efficiency for responsive design.
PrimeBlocks
Designed to be fully compatible with upcoming next-gen PrimeBlocks, choose from the extensive range of blocks and customize the way you like.
PrimeIcons
Ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.
Figma File
Powered by Figma as the design tool. It will be possible to download the Figma file after your purchase. Note that PrimeNG UI components are excluded from the template Figma file as they are available in PrimeOne for Figma only.
Fully Responsive
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.
Support
PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users can seek assistance in our community via our public Discord and Forum.
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.