ng-devui-admin — Angular 后台模板

SHA-256: 93413f1cf9eeee2420a3769dabb38f4948e2e87ce432b707aa0cec4baf5b679a

2026-10-01T14:49:06.059Z

<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)