https://github.com/dolphin-admin/react-admin
🐬 Dolphin Admin React is an open source, lightweight, out-of-the-box, elegant and exquisite, internationalized backend management template based on React + TypeScript + Vite + antd + TailwindCSS.
https://github.com/dolphin-admin/react-admin
admin antd react tailwindcss typescript vite
Last synced: 5 months ago
JSON representation
🐬 Dolphin Admin React is an open source, lightweight, out-of-the-box, elegant and exquisite, internationalized backend management template based on React + TypeScript + Vite + antd + TailwindCSS.
- Host: GitHub
- URL: https://github.com/dolphin-admin/react-admin
- Owner: dolphin-admin
- License: mit
- Created: 2023-08-14T01:10:08.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-08T02:15:36.000Z (about 1 year ago)
- Last Synced: 2025-10-10T16:54:53.691Z (9 months ago)
- Topics: admin, antd, react, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://dolphin-admin-react.bit-ocean.studio
- Size: 2.53 MB
- Stars: 21
- Watchers: 1
- Forks: 4
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Dolphin Admin React
English / [简体中文](./README.zh-CN.md)
Dolphin Admin React is an open source, lightweight, out-of-the-box, elegant and exquisite, internationalized
backend management template based on React + TypeScript + Vite + antd + TailwindCSS.
## Tech Stack
- [x] Based on [React](https://react.dev/), [Vite](https://vitejs.dev/)
- [x] [TypeScript](https://www.typescriptlang.org/), of course
- [x] [Ant Design](https://ant.design/) as UI framework
- [x] [TailwindCSS](https://tailwindcss.com/), a utility-first CSS framework
- [x] [pnpm](https://pnpm.io/) as package manager
- [x] [Sass](https://sass-lang.com/) as CSS preprocessor
- [x] [React Router](https://reactrouter.com/) for routing management
- [x] [Zustand](https://zustand-demo.pmnd.rs/) for global state management
- [x] [Axios](https://axios-http.com/) for request, and highly encapsulated
- [x] [Tanstack Query](https://tanstack.com/) for request state management
- [x] [react-i18next](https://react.i18next.com/) for internationalization
- [ ] [React Hook Form](https://www.react-hook-form.com/), [yup](https://github.com/jquense/yup) for form validation
- [x] [iconify/json](https://iconify.design/) and [unplugin-icons](https://github.com/antfu/unplugin-icons)
for icon management, you can use [icones](https://icones.js.org/) to use it quickly
- [x] [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) and
[unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) for automatic import
of components, hooks, and utility classes, freeing your hands
- [x] [ESLint](https://eslint.org/) for code checking
- [x] [Prettier](https://prettier.io/) for code formatting
- [x] [CSpell](https://cspell.org/) for code spelling checking
- [x] [Husky](https://typicode.github.io/husky/), [lint-staged](https://github.com/okonet/lint-staged),
[commitlint](https://commitlint.js.org/#/), [cz-git](https://cz-git.qbb.sh/) for Git commit management
- [x] Support absolute path import, use `@/*`
- [x] Deploy on [Vercel](https://vercel.com/), zero configuration
## Usage
### Install
```bash
pnpm i
```
### Start
```bash
pnpm dev
```
### Build
```bash
pnpm build
```
## Deploy
Go to Vercel and select your Git repository, choose Vite as template, add production environment variables, and click deploy.
## License
[MIT](/LICENSE) License © 2023 [Bruce Song](https://github.com/recallwei)