📄 primeng/templates/sakai

File: sakai.md | Updated: 11/15/2025

Source: https://primeng.org/templates/sakai

  • Primary

    Surface

    PresetsAuraMaterialLaraNora

    Ripple

    RTL

  • v20

Template Hero Pattern

Sakai is an application template for Angular and is distributed as a CLI project.

Live Demo Source Code

Open Issues Documentation

Template Dashboard Image 1Template Dashboard Image 2

Open Source and Free to Use

Open Source and Free to Use

Explore Sakai, our versatile, open-source Angular application template. It's free for your every innovation.

Ready to Use Pages

Ready to Use Pages

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

Features

01

01

01

Various Free Themes

Sakai has various free themes to choose from; PrimeOne Design, Bootstrap, Material Design with light and dark options.

02

02

02

2 Menu Orientations

Sakai has 2 menu modes; Static and Overlay

Animation Feature Image

> npm install -g angular-cli

> cd sakai-ng

> npm install

> ng serve

Angular 3D Logo

Angular with CLI

Sakai 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

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

Animation Feature Image

Fully Responsive

Fully Responsive

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

Full SaSS Support

Full SaSS Support

Sass is utilized for both the application and components to provide simplicity and flexibility.

Mobile Experience

Mobile Experience

Touch optimized enhanced mobile experience with responsive design.

PrimeNG 20.3.0 by PrimeTek