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

Live Demo Docs Support Buy Now
  • Basic License

  • $59

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

  • $590

    • Commercial Usage
    • Multiple End Products
    • Lifetime Support
    • Unlimited Updates
  • License Details

The download package is a Vite-based project containing all source code of the application deployed at the live demo. The project is written in JavaScript. However, a TypeScript version is also being planned.

Visit the official documentation for more information.


Fully Responsive

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

Vue.js App with No Configuration

Diamond is powered by Vite to get started in no time following the best practices. Template is implemented purely in Vue.

Light / Dark / Dim Modes

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

7 Menu Orientations

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

Component Themes

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

Menu Themes

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

Crud Page

A professional CRUD sample designed and implemented by PrimeVue experts.

Grid System

PrimeFlex grid system is a lightweight flex based responsive layout utility optimized for mobile phones, tablets and desktops.


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

Ready to Use Pages

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


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.

PrimeFlex CSS Utilities

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

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.

Cross Browser Compatible

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

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

Lifetime Support

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

Related Layouts

Apollo for PrimeVue
Apollo for PrimeVue
Avalon for PrimeVue
Avalon for PrimeVue
Roma for PrimeVue
Roma for PrimeVue

Diamond is a next-gen layout proudly presented by PrimeTek