Ngx Admin

screenshot of Ngx Admin

Ngx Admin

Customizable admin dashboard template based on Angular 10+


ngx-admin is a popular Angular open source dashboard template used by developers worldwide and Fortune 500 companies. It offers over 40 Angular components, 60+ usage examples, and multiple visual themes. The template is based on the Nebular modules set and is compatible with Angular Material and Nebular UI Bakery. It also provides an authentication module with multiple providers and is highly configurable with hot-reload. Users can switch to the material theme or use the starter kit branch for a minimalistic version.


  • Popular and trusted Angular open source dashboard template
  • Over 40+ Angular components and 60+ usage examples
  • Backward-compatible material theme
  • Works perfectly with Angular Material and Nebular
  • Multiple visual themes available
  • Authentication module with multiple providers
  • Highly configurable with hot-reload
  • Empty starter kit version available


To install ngx-admin, you need to use NodeJS version 14.14+ due to the node-sass version used in the application. Here are the installation guidelines:

  1. Install NodeJS version 14.14+.
  2. Clone the ngx-admin repository.
  3. Navigate to the ngx-admin folder in your terminal.
  4. Run the following commands:
    npm install
    npm start


ngx-admin is a widely-used Angular open source dashboard template that offers a range of features and flexibility for developers. It provides multiple visual themes, extensive component library, and compatibility with Angular Material and Nebular. The material theme is also available for a seamless transition. With its installation guidelines and customizable options, ngx-admin is a valuable tool for Angular developers looking to kickstart their projects.


Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.


SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.


A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.


ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.


Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.


TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.


Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.