XinAdmin is an enterprise-level front-end template for mid-to-backend systems, built on Ant Design's design principles. It utilizes the latest front-end technology stack, including React 19, Vite 6, ReactRouter 7, zustand 5, and TypeScript.
Based on Ant Design's specifications, XinAdmin aims to further refine and extend these foundations, offering a front-end template tailored for mid-to-backend scenarios. It includes commonly used business components for such environments and
employs msw for API mocking, delivering a seamless simulation experience to accelerate the development of enterprise-level mid-to-backend products.
- ✨ Cutting-Edge Tech Stack: Built with
React 19,Vite 6,ReactRouter 7,zustand 5, andTypeScript. - 👑 Ant Design Principles：Modular solutions reduce redundant development efforts, allowing developers to focus on better user experiences.
- 🎢 Clear Code Structure：Semantic directory naming conventions, with independent namespaces for API, Domain, and other modules for ease of use.
- 🎉 TypeScript Support： Strict type checking enhances code maintainability.
- 🎄 Rich Theme Customization：Diverse theme configurations based on Ant Design, enabling personalized styling.
- 🎡 Built-in Internationalization：Effortless multi-language support.
- 🪢 ReactRouter v7： Supports backend dynamic routing with DataMode, auto-generates menus, and enables nested page routing.
- ⛳ Comprehensive Page Components：Includes 403, 404, and 500 error pages, along with layout components, tabs, theme configurators, and more.
- 🧩 TailwindCSS： Write only HTML without CSS, simplifying development alongside Ant Design.
XinAdmin's documentation is built with docusaurus and available at: https://xinadmin.cn/ui/intro，If you find any issues, feel free to submit a PR to help us improve.
XinAdmin strives to provide an out-of-the-box development experience, offering a complete scaffold covering internationalization, permissions, mocking, state management, and network requests. To help you get started quickly, we recommend familiarizing yourself with the following technologies:
- Modern browsers
- Server-side rendering support
- Electron
 Edge |
 Firefox |
 Chrome |
 Safari |
 Opera |
 Electron |
|---|---|---|---|---|---|
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
If you encounter issues, you can seek help through the following channels. We also encourage experienced users to assist newcomers:
- Ask questions on GitHub Discussions
- Submit GitHub Issues
- Join the official QQ group: Xin Admin Official Community
The project is currently in rapid iteration. Before updating for production use, please back up your project.