Template Hero Pattern

A spectacular application template with light&dark modes, beautiful main menu with themes and layouts, premium PrimeNG component themes, reusable css widgets, utilities, modern icons and professional template pages.

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

Non Commercial Usage

Single End Product, No Multi-Use

Lifetime Support

Unlimited Updates

Extended License
$590

Commercial Usage

Multiple End Products

Lifetime Support

Unlimited Updates

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.

Integration with

Existing Vite Applications

Only the folders that are related to the layout needs to move in to your project. We‘ve already created a short tutorial with details for Sakai Vue. The both templates have the same implementation.
Template Youtube Screen

Features

01
01
01
Light / Dark / Dim Modes

Diamond has 3 display modes to choose from; Light, Dim and Dark.

02
02
02
Component Themes

Diamond offers 30 built-in component themes and creating your own theme is a matter of defining couple of sass variables.

03
03
03
7 Menu Orientations

Static, Overlay, Slim, Compact, Horizontal, Reveal and Drawer are the available menu layouts depending on your preference.

04
04
04
Menu Themes

Stunning theming options for the main menu in light color scheme.

Animation Feature Image

> npm install -g angular-cli

> ng new my-apollo-app

> cd my-apollo-app

> ng serve

Angular 3D Logo

Angular with CLI

Diamond 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

01
01
01
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.

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

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

04
04
04
Figma File

Diamond 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 Diamond Figma file as they are available in PrimeOne for Figma only.

Animation Feature Image
Fully Responsive

Fully Responsive

Diamond 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

Diamond 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.

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.

Mobile Experience

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.