{"id":13626394,"url":"https://github.com/soybeanjs/soybean-admin","last_synced_at":"2025-05-14T21:02:28.492Z","repository":{"id":37096029,"uuid":"404414397","full_name":"soybeanjs/soybean-admin","owner":"soybeanjs","description":"A clean, elegant, beautiful and powerful admin template, based on Vue3, Vite6, TypeScript, Pinia, NaiveUI and UnoCSS. 一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite5, TypeScript, Pinia, NaiveUI 和 UnoCSS。","archived":false,"fork":false,"pushed_at":"2025-04-30T06:46:32.000Z","size":13876,"stargazers_count":12068,"open_issues_count":1,"forks_count":2107,"subscribers_count":98,"default_branch":"main","last_synced_at":"2025-05-07T20:35:42.371Z","etag":null,"topics":["admin","admin-template","elegant","naive-ui","naive-ui-admin","pinia","typescript","unocss","vite6","vue","vue-admin","vue3"],"latest_commit_sha":null,"homepage":"https://soybeanjs.cn","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/soybeanjs.png","metadata":{"files":{"readme":"README.en_US.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-09-08T16:13:36.000Z","updated_at":"2025-05-07T15:31:09.000Z","dependencies_parsed_at":"2024-01-20T12:26:05.464Z","dependency_job_id":"0bfe07fb-bc14-4e6d-abbf-7a515dddbf92","html_url":"https://github.com/soybeanjs/soybean-admin","commit_stats":null,"previous_names":["soybeanjs/soybean-admin","honghuangdc/soybean-admin"],"tags_count":106,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soybeanjs%2Fsoybean-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soybeanjs%2Fsoybean-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soybeanjs%2Fsoybean-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soybeanjs%2Fsoybean-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/soybeanjs","download_url":"https://codeload.github.com/soybeanjs/soybean-admin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254227605,"owners_count":22035668,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin","admin-template","elegant","naive-ui","naive-ui-admin","pinia","typescript","unocss","vite6","vue","vue-admin","vue3"],"created_at":"2024-08-01T21:02:17.139Z","updated_at":"2025-05-14T21:02:28.444Z","avatar_url":"https://github.com/soybeanjs.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n\t\u003cimg src=\"./public/favicon.svg\" width=\"160\" /\u003e\n\t\u003ch1\u003eSoybeanAdmin\u003c/h1\u003e\n  \u003cspan\u003e\u003ca href=\"./README.md\"\u003e中文\u003c/a\u003e | English\u003c/span\u003e\n\u003c/div\u003e\n\n---\n\n[![license](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE)\n[![github stars](https://img.shields.io/github/stars/soybeanjs/soybean-admin)](https://github.com/soybeanjs/soybean-admin)\n[![github forks](https://img.shields.io/github/forks/soybeanjs/soybean-admin)](https://github.com/soybeanjs/soybean-admin)\n[![gitee stars](https://gitee.com/honghuangdc/soybean-admin/badge/star.svg)](https://gitee.com/honghuangdc/soybean-admin)\n[![gitcode star](https://gitcode.com/soybeanjs/soybean-admin/star/badge.svg)](https://gitcode.com/soybeanjs/soybean-admin)\n\n\u003ca href=\"https://hellogithub.com/repository/1298f27d5fe54959a16cf9686516ddb3\" target=\"_blank\"\u003e\u003cimg src=\"https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=1298f27d5fe54959a16cf9686516ddb3\u0026claim_uid=IiDXWmP4TEntjbV\" alt=\"Featured｜HelloGitHub\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n\n\u003e [!NOTE]\n\u003e If you think `SoybeanAdmin` is helpful to you, or you like our project, please give us a ⭐️ on GitHub. Your support is the driving force for us to continue to improve and add new features! Thank you for your support!\n\n## Introduction\n\n[`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) is a clean, elegant, beautiful and powerful admin template, based on the latest front-end technology stack, including Vue3, Vite6, TypeScript, Pinia and UnoCSS. It has built-in rich theme configuration and components, strict code specifications, and an automated file routing system. In addition, it also uses the online mock data solution based on ApiFox. `SoybeanAdmin` provides you with a one-stop admin solution, no additional configuration, and out of the box. It is also a best practice for learning cutting-edge technologies quickly.\n\n\n## Features\n\n- **Cutting-edge technology application**: using the latest popular technology stack such as Vue3, Vite6, TypeScript, Pinia and UnoCSS.\n- **Clear project architecture**: using pnpm monorepo architecture, clear structure, elegant and easy to understand.\n- **Strict code specifications**: follow the [SoybeanJS specification](https://docs.soybeanjs.cn/standard), integrate eslint, prettier and simple-git-hooks to ensure the code is standardized.\n- **TypeScript**: support strict type checking to improve code maintainability.\n- **Rich theme configuration**: built-in a variety of theme configurations, perfectly integrated with UnoCSS.\n- **Built-in internationalization solution**: easily realize multi-language support.\n- **Automated file routing system**: automatically generate route import, declaration and type. For more details, please refer to [Elegant Router](https://github.com/soybeanjs/elegant-router).\n- **Flexible permission routing**: support both front-end static routing and back-end dynamic routing.\n- **Rich page components**: built-in a variety of pages and components, including 403, 404, 500 pages, as well as layout components, tag components, theme configuration components, etc.\n- **Command line tool**: built-in efficient command line tool, git commit, delete file, release, etc.\n- **Mobile adaptation**: perfectly support mobile terminal to realize adaptive layout.\n\n\n## Version\n\n- **NaiveUI Version:**\n  - [Preview Link](https://naive.soybeanjs.cn/)\n  - [Github Repository](https://github.com/soybeanjs/soybean-admin)\n  - [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin)\n  - [Gitcode Repository](https://gitcode.com/soybeanjs/soybean-admin)\n\n- **AntDesignVue Version:**\n  - [Preview Link](https://antd.soybeanjs.cn/)\n  - [Github Repository](https://github.com/soybeanjs/soybean-admin-antd)\n  - [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin-antd)\n  - [Gitcode Repository](https://gitcode.com/soybeanjs/soybean-admin-antd)\n\n- **ElementPlus Version:**\n  - [Preview Link](https://elp.soybeanjs.cn/)\n  - [Github Repository](https://github.com/soybeanjs/soybean-admin-element-plus)\n  - [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin-element-plus)\n  - [Gitcode Repository](https://gitcode.com/soybeanjs/soybean-admin-element-plus)\n\n- **Legacy Version:**\n  - [Preview Link](https://legacy.soybeanjs.cn/)\n  - [Github Repository](https://github.com/soybeanjs/soybean-admin/tree/legacy)\n  - [Gitee Repository](https://gitee.com/honghuangdc/soybean-admin/tree/legacy)\n  - [Gitcode Repository](https://gitcode.com/soybeanjs/soybean-admin/tree/legacy)\n\n\n## Documentation\n\n- [Link](https://docs.soybeanjs.cn)\n- [Legacy Docs](https://legacy-docs.soybeanjs.cn)\n\n## Example Images\n\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-01.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-02.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-03.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-04.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-05.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-06.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-07.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-08.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-09.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-10.png)\n![](https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/soybean-admin-v1-mobile.png)\n\n\n## Usage\n\n**Environment Preparation**\n\nMake sure your environment meets the following requirements:\n\n- **git**: you need git to clone and manage project versions.\n- **NodeJS**: \u003e=18.12.0, recommended 18.19.0 or higher.\n- **pnpm**: \u003e= 8.7.0, recommended 8.14.0 or higher.\n\n**Clone Project**\n\n```bash\n# github\ngit clone https://github.com/soybeanjs/soybean-admin.git\n# gitee\ngit clone https://gitee.com/honghuangdc/soybean-admin.git\n# gitcode\ngit clone https://gitcode.com/soybeanjs/soybean-admin.git\n```\n\n**Install Dependencies**\n\n```bash\npnpm i\n```\n\u003e Since this project uses the pnpm monorepo management method, please do not use npm or yarn to install dependencies.\n\n**Start Project**\n\n```bash\npnpm dev\n```\n\n**Build Project**\n\n```bash\npnpm build\n```\n\n**Code Synchronization**\n\nRefer to the [Code Synchronization](https://docs.soybeanjs.cn/guide/sync) document.\n\n## Ecosystem\n\n- [react-soybean-admin](https://github.com/mufeng889/react-soybean-admin): SoybeanAdmin based version of React.\n- [electron-mock-admin](https://github.com/lixin59/electron-mock-api): A Mock Api management system that helps front-end developers quickly implement interface mocks.\n- [T-Shell](https://github.com/TheBlindM/T-Shell): A terminal emulator and SSH client with configurable command prompts.\n- [pea](https://github.com/haitang1894/pea) : Adopting SpringBoot3.2 + JDK21, MyBatis-Plus, SpringSecurity security framework, etc., suitable for the simple permission system developed by [soybean-admin](https://gitee.com/honghuangdc/soybean-admin).\n- [MalusAdmin](https://github.com/pridejoy/MalusAdmin): A backend management framework developed based on Vue3/TypeScript/NaiveUI and NET7 \u0026 Sqlsugar. It is implemented in the most original and simplest way, with a fresh and elegant front-end, a clear and elegant backend structure, and powerful functions.\n- [PanisAdmin](https://github.com/paynezhuang/panis-admin): Adopting SpringBoot 3, SaToken, MySQL and other frameworks to develop and modify [soybean-admin](https://github.com/soybeanjs/soybean-admin) for the second time, adapting dynamic menu/button-level authorization. Retaining the original flavor, fresh and elegant, high-value back-end management system scaffold.\n- [snail-job](https://github.com/aizuda/snail-job): A distributed task retry and task scheduling platform with \"high performance, high value and high activity\".\n- [SuperApi](https://github.com/TmmTop/SuperApi): Quickly turn your idea into an online stable product! Entity-less library and table building, add, delete, change and check entity-less library table, support 15 kinds of condition query, as well as paging, list, unlimited tree list and other functions of the API deployment! With interface documentation, Auth authorisation, interface flow restriction, access to the client's real IP, advanced server caching components, dynamic APIs and other features, we look forward to your experience!\n- [FastSoyAdmin](https://github.com/sleep1223/fast-soy-admin): A modern Management Platform based on FastAPI+Vue3+Naive UI.\n- [ba](https://github.com/xiatianYa/Ba-Server): Backend service docking with soybean admin based on goFrame framework, adapted to dynamic routing, and interface authentication permissions.\n- [soybean-admin-go](https://github.com/WgoW/soybean-admin-go):A Go backend service developed based on the Gin and GORM frameworks, integrated with the example branch of Soybean Admin. It supports dynamic routing and API permission authentication.\n\n\n## How to Contribute\n\nWe warmly welcome and appreciate all forms of contributions. If you have any ideas or suggestions, please feel free to share them by submitting [pull requests](https://github.com/soybeanjs/soybean-admin/pulls) or creating GitHub [issue](https://github.com/soybeanjs/soybean-admin/issues/new).\n\n## Git Commit Guidelines\n\nThis project has built-in `commit` command, you can execute `pnpm commit` to generate commit information that conforms to [Conventional Commits](https://www.conventionalcommits.org/) specification. When submitting PR, please be sure to use `commit` command to create commit information to ensure the standardization of information.\n\n## Browser Support\n\nIt is recommended to use the latest version of Chrome in development for a better experience.\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png\" alt=\"IE\" width=\"24px\" height=\"24px\"  /\u003e](http://godban.github.io/browsers-support-badges/) | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/) | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/) | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/) | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/) |\n| --- | --- | --- | --- | --- |\n| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## OpenSource Author\n\n[Soybean](https://github.com/honghuangdc)\n\n## Contributors\n\nThanks the following people for their contributions. If you want to contribute to this project, please refer to [How to Contribute](#how-to-contribute).\n\n\u003ca href=\"https://github.com/soybeanjs/soybean-admin/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=soybeanjs/soybean-admin\" /\u003e\n\u003c/a\u003e\n\n## Communication\n\n`SoybeanAdmin` is a completely open source and free project, helping developers to develop medium and large-scale management systems more conveniently. It also provides WeChat and QQ communication groups. If you have any questions, please feel free to ask in the group.\n\n  \u003cdiv\u003e\n  \t\u003cp\u003eQQ Group\u003c/p\u003e\n    \u003cimg src=\"https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/qq-soybean-admin-4.jpg\" style=\"width:200px\" /\u003e\n  \u003c/div\u003e\n\t\u003c!-- \u003cdiv\u003e\n\t\t\u003cp\u003eWeChat Group\u003c/p\u003e\n\t\t\u003cimg src=\"https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/picgo/soybean-admin-wechat-0620.jpg\" style=\"width:200px\" /\u003e\n\t\u003c/div\u003e --\u003e\n\t\u003cdiv\u003e\n\t\t\u003cp\u003eAdd the following WeChat to invite to the WeChat group\u003c/p\u003e\n\t\t\u003cimg src=\"https://soybeanjs-1300612522.cos.ap-guangzhou.myqcloud.com/uPic/wechat-soybeanjs.jpg\" style=\"width:200px\" /\u003e\n\t\u003c/div\u003e\n\n## Star Trend\n\n[![Star History Chart](https://api.star-history.com/svg?repos=soybeanjs/soybean-admin\u0026type=Date)](https://star-history.com/#soybeanjs/soybean-admin\u0026Date)\n\n## License\n\nThis project is based on the [MIT © 2021 Soybean](./LICENSE) protocol, for learning purposes only, please retain the author's copyright information for commercial use, the author does not guarantee and is not responsible for the software.\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoybeanjs%2Fsoybean-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoybeanjs%2Fsoybean-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoybeanjs%2Fsoybean-admin/lists"}