Sapphire for PrimeVue

An elegant premium application template with a beautiful design.

Based on material design language, it is fully customizable with SASS variables and optimized for all devices with responsive design.

Live Demo Docs Support Buy Now
  • Basic License

  • $49

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

  • $490

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


Vue.js App with No Configuration

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

5 Million+ UI Variations

Choose from various modern designs crafted by our team or create your own Sapphire experience with the ease of customization.

Fully Responsive

Sapphire is crafted to provide optimal viewing and interaction experience for a wide range of devices.

Material Design

Sapphire is inspired by Google’s Material Design language.

Full SaSS Support

Scss syntax of Sass is used to create the css of
both layout and theme for easy customization.

2 Menu Orientations, Light, Dark, and 80+ Different Custom Menus

Sapphire has 2 menu modes; Horizontal and Vertical with Light, Dark and 80+ different custom alternatives.

80+ Special Topbars

Sapphire offers 80+ special topbar themes featuring images and gradients.

18 Different Themes

In addition to the 18 built-in themes and creating your own theme is a matter of defining a couple of sass variables.


Configurator is a simple tool to design your own Sapphire layout with ease.

Ready to Use Pages

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

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.

Cross Browser Compatible

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

Well Supported

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

Related Layouts

Serenity for PrimeVue
Serenity for PrimeVue
Avalon for PrimeVue
Avalon for PrimeVue
Babylon for PrimeVue
Babylon for PrimeVue

Need a Custom Theme Based on Your Own Style Guide?

Designer API is a SASS based theme engine to create PrimeVue themes easily featuring over 500 variables, a demo application, and a base sample theme. Whether you have your own style guide or just need a custom theme, Designer API is the right tool to design and bring them into existence.

Sapphire is a next-gen layout proudly presented by PrimeTek