An amazing application template for React based on the popular NextJS framework with light-dim-dark modes, four menu layouts, various menu themes, sample apps, ready to use template pages and 30 PrimeReact themes.
The download package is a NextJS-based project containing all application source codes deployed at the live demo. The project code is written in TypeScript.
Visit the official documentation for more information.
Integration with
Existing Vite Applications
Features
Light / Dark / Dim Modes
Diamond has 3 display modes to choose from; Light, Dim and Dark.
Component Themes
Diamond offers 30 built-in component themes and creating your own theme is a matter of defining couple of sass variables.
7 Menu Orientations
Static, Overlay, Slim, Compact, Horizontal, Reveal and Drawer are the available menu layouts depending on your preference.
Menu Themes
Stunning theming options for the main menu in light color scheme.
>npm install or yarn
>npm run dev or yarn dev
React App with No Configuration
Diamond is powered by Next.js to get started in no time following the best practices. Template is implemented purely in React with Typescript.
PrimeFlex CSS Utilities
PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more.
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.
PrimeIcons
Diamond ships with PrimeIcons, PrimeTek’s modern icon library including a wide range of icons for your applications.
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 PrimeReact UI components are excluded from the Diamond Figma file as they are available in PrimeOne for Figma only.
Fully Responsive
Diamond is 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.
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
Touch optimized enhanced mobile experience with responsive design.