AngularAdmin dashboard

ng-devui-admin — Angular Admin dashboard Template

By DevCloudFE

A mid-to-back-office admin template built with Angular and DevUI, offering configurable layouts, theme switching, internationalization, and local mock data debugging.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

Mid-to-back-office admin template built on Angular and the DevUI component library

Configurable page layouts with dynamic multi-theme style switching and personalized configuration

Built-in internationalization for multilingual interface needs

Local mock data solution for frontend-backend separated debugging

Integrated into new Angular projects via ng add ng-devui-admin

MIT license, permitting use, modification, commercial use, and distribution

Template Details

ng-devui-admin is an open-source mid-to-back-office frontend template from DevCloudFE, built on Angular with UI components based on DevUI. Released under the MIT license, it can be installed directly into a new Angular project via ng add ng-devui-admin, and comes with an online preview, documentation, and a materials site.

The template covers common mid-to-back-office scenarios: page layouts are configurable, multiple theme styles can be switched dynamically with personalized configuration, internationalization is built in for multilingual support, and a local mock data solution is provided for frontend-backend separated debugging. The README also lists responsive adaptation and a relatively rich library of business scenario components.

Two usage notes: when creating a project, it is recommended to choose non-strict mode and SCSS to work with the template's styling system; browser support is limited to modern browsers, with the README listing recent versions of Edge, Firefox, Chrome, Safari, and Opera, excluding legacy IE.

AngularAdmin

Is it right for your project?

Use Cases

Building the frontend skeleton for an enterprise internal mid-to-back-office management system
Admin interfaces requiring multi-theme switching and configurable layouts
Internationalized management platforms requiring multilingual support
Using local mock data for joint debugging during frontend-backend separated development

Suitable For

Frontend teams using the Angular technology stack
Those wanting to quickly start mid-to-back-office projects based on the DevUI component library
Admin projects requiring layout configuration, theme customization, and internationalization capabilities
Management systems that accept modern browsers as the runtime environment

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
When creating a project with ng new, choose non-strict mode and SCSS
2
Add the template to the project via ng add ng-devui-admin
3
Run npm start and visit http://localhost:4200 to see the result
4
Browser support is limited to modern browsers such as Edge, Firefox, Chrome, Safari, and Opera
5
Third-party assets such as demo images, fonts, and icons need separate license verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

When creating an Angular project, non-strict mode and SCSS styling must be selected, otherwise it may be incompatible with the template's styling system.
The runtime environment only supports modern browsers (recent versions of Edge, Firefox, Chrome, Safari, Opera) and does not support legacy browsers such as old IE.
Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

ng new your-project && cd your-project # Create options: non-strict mode & SCSS
Original README

Modern browsers
Original README

https://github.com/DevCloudFE/ng-devui-admin/blob/master/LICENSE https://github.com/DevCloudFE/ng-devui-admin/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 76 / 100
Technologies: Angular
Website type: Admin dashboard

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2024-04-24
Screenshot last checked: 2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Angular as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 93413f1cf9eeee2420a3769dabb38f4948e2e87ce432b707aa0cec4baf5b679a

2026-10-01T14:49:06.059Z

Source file / repository

<p align="center"><a href="https://devui.design/admin-page/home" target="_blank" rel="noopener noreferrer"><img alt="DevUI Logo" src="src/assets/devui-logo.svg?sanitize=true" width="180" style="max-width:100%;">
</p>
<p align="center">
  <a href="https://github.com/DevCloudFE/ng-devui-admin"><img src="https://img.shields.io/github/stars/DevCloudFE/ng-devui-admin.svg?label=github%20stars" alt="Github Star"></a>
  <a href="https://angular.io/"><img src="https://img.shields.io/badge/%3C%2F%3E-Angular-blue"></a>
  <a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/npm/l/ng-devui.svg" alt="License"></a>
</br>
  <a href="README.md"><img src="https://img.shields.io/badge/document-English-blue" alt="Document"></a>
  <a href="README_zh_CN.md"><img src="https://img.shields.io/badge/%E6%96%87%E6%A1%A3-%E4%B8%AD%E6%96%87-blue" alt="Document"></a>
  <a href="https://www.npmjs.com/package/ng-devui-admin"><img src="https://img.shields.io/npm/v/ng-devui-admin" alt="Npm"></a>
  <a href="https://gitter.im/devui-design/devui-design"><img src="https://img.shields.io/gitter/room/devui-design/devui-design" alt="Chat"></a>
</p>

<h1 align="center">DevUI Admin</h1>
DevUI Admin is an enterprise-level mid- and back-end front-end/design solution. Based on DevUI Design design values, we build a back-end management template DevUI Admin based on its design specifications and basic components.

&nbsp;
![avatar](home.png)

- Preview: https://devui.design/admin/
- Home Page: https://devui.design/admin-page/home
- Document：https://devui.design/admin-page/docs/getting-started
- Materials: https://devui.design/admin-materials/

## Features

![avatar](home-1.png)

- Responsive: Adapting to different screen sizes, providing users with a more comfortable interface and user experience.
- Personal Theme: Supports dynamic switching between multiple theme styles and personalized configurations.
- Layout: Configurable and flexible page layout.
- Mock: Local data commissioning solution and front-end and back-end separation.
- International: Implements the internationalization function to meet multi-language service requirements.
- Rich Features: Based on DevUI practice and experience, typical business scenarios are refined and scenario-rich component libraries are provided.

## Usage

```bash
ng new your-project && cd your-project  # Create options: non-strict mode & SCSS
ng add ng-devui-admin

npm start # open http://localhost:4200
```

For more information: [Document](https://devui.design/admin-page/docs/getting-started)

## Contributing

Please feel free to contribute code or discuss your idea!

Please make sure you read the [contributing](./CONTRIBUTING.md) guide before making a pull request.

We appreciate all contributors who helped us build DevUI.

## Support

Modern browsers

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Edge                                                                                                                                                                                                       | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                           |

## LICENSE

[**MIT**](https://opensource.org/licenses/MIT)

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

ngx-admin

ngx-admin is an Angular admin dashboard template maintained by Akveo, built on the Nebular component library and released under the MIT license.

Angular · Admin dashboard

material-angular-dashboard

A dark-themed Angular admin template following Google Material Design, with dashboard pages, D3/NVD3 charts, ag-Grid tables, and a Sass/BEM theme. Released under the MIT license, it offers starter-kit, feature/backend, and feature/serverless branches.

Angular · Admin dashboard

angular-material-template

A responsive Angular Material admin template with authentication, sidebar dashboard, account area, role guards, JWT interceptor, and lazy-loaded modules, under the MIT license.

Angular · Admin dashboard

lightning-admin-angular

A mobile-first responsive admin template built with Angular and Bootstrap, offering data interface layouts such as dashboards.

Angular · Admin dashboard

StarAdmin-Free-Angular-Admin-Template

A free admin template based on Angular 7 and Bootstrap 4, maintained by BootstrapDash.

Angular · Admin dashboard

free-angular-tailwind-dashboard

A free, open-source Angular admin template built with Angular and Tailwind CSS, offering pre-built dashboards, charts, tables, forms, authentication pages, and UI elements with dark mode, i18n, and RTL support under the MIT license.

Angular · Admin dashboard