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

Live Demo Docs Support Buy Now
  • Basic License

  • $39

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

  • $390

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

Download package contains all the sources including css, scss files, javascript, images, facelets templates, themes and template pages.

Officially supported for 5.x, 6.0 and newer.

Compatible with modern browsers and Internet Explorer 10+

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.

Light / Dark / Dim Modes

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

3 Menu Orientations

Static, Overlay and Slim 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 PrimeFaces 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 PrimeFaces 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


Diamond is a next-gen layout proudly presented by Prime Tek