react-antd-admin is an open-source admin dashboard template that combines React Hooks, Vite, TypeScript, and Ant Design to scaffold enterprise middle- and back-office projects out of the box.
What is react-antd-admin?
react-antd-admin is a React admin template created by GitHub user Condor Hero and published under the MIT License. It delivers a pre-configured frontend for admin panels and dashboards: clone the repository, run pnpm install, and start the dev server on http://localhost:3333 to get a working application with routing, state management, theming, and permission logic already in place. The project is available as a GitHub template, so you can create a new repository with one click, and it also ships with a live preview on GitHub Pages and a separate documentation site.
Key Features
- Modern tech stack — The template bundles React Hooks, TypeScript, Vite, Ant Design, React Router, and Tailwind CSS, so you get a functioning admin shell without adding dependencies.
- State management with Zustand — Zustand provides a minimal, hooks-based store for cross-component state shared across the application.
- Internationalization — i18next is integrated for multi-language support; the README itself is published in English and Chinese.
- Server-state fetching — Ky is used for HTTP requests, and TanStack Query (React Query) handles caching and background updates.
- API mocking — vite-plugin-fake-server lets you simulate backend endpoints during development, with no separate mock server needed.
- Permission routing — Supports both frontend static routes and backend dynamic routes, enabling role-based menu and page access.
- Route-level caching — keepalive-for-react caches components at the route level, preserving page state when users navigate away and return.
- Theme configuration — Built-in multiple theme configurations include a dark theme and a unified color system shared by Ant Design and Tailwind CSS.
Who is it for?
- Developers building admin panels for internal tools or dashboards can use this template as a ready-made frontend shell with navigation, layout, and theming already configured.
- Full-stack teams that need permission-based access control can adapt the backend dynamic routing to their own auth API to deliver role-specific menus.
- Prototypers can leverage the built-in fake API server to mock endpoints and validate UI flows before a real backend is available.
- Teams that prefer React and Ant Design but want Vite's fast development server and modern linting via ESLint Flat Config can skip setup time by starting from this template.
What can you do with react-antd-admin?
- Admin dashboard creators: stand up a new internal tool with layout, sidebar navigation, dark mode, and route-level caching from day one.
- Prototype builders: use the included fake API server to mock endpoints and iterate on UI without a real backend.
- International product teams: configure i18next to switch between English and Chinese, and extend to additional locales as needed.
- Enterprise application maintainers: use backend dynamic routes to show different menus and page access to different user roles from a single frontend build.
How do I run react-antd-admin locally?
Start by creating a repository from the GitHub template or cloning without history using npx degit condorheroblog/react-antd-admin react-antd-admin. Then enable Corepack, run pnpm install to install dependencies, and use pnpm run dev to start the development server at http://localhost:3333. For production, pnpm build outputs files to the build folder, and pnpm preview serves the built result locally.
The project's README credits two open-source Vue admin projects — vue-vben-admin for design inspiration and vue-pure-admin for business logic inspiration — showing a clear lineage for its layout and feature decisions. It is MIT-licensed, and its repository tracks star history and contributions publicly.
