Introduction
A professional Admin & Dashboard template based on Ant design 5 that comes with hundreds of UI components, forms, tables, charts, pages and icons. This template is built using React, Vite, Ant Design Charts, Ant Design Icons and Storybook.
Features
- Customizable: You don't need to be an expert to customize the template. Our code is very readable and well-documented.
- Fully Responsive: With mobile, tablet & desktop support it doesn't matter what device you're using. Antd Dashboard is responsive in all browsers.
- Cross-Browser: Our themes are working perfectly with Chrome, Firefox, Opera, and Edge. We're working hard to support them.
- Clean Code: We strictly follow Ant Design's guidelines to make your integration as easy as possible. All code is handwritten.
- Regular Updates: From time to time you'll receive an update containing new components, improvements, and bug fixes.
Tech stack
This project features all the latest tools and good practices in web development!
Framework
- Vite - Next Generation Frontend Tooling
Design System and Animations
- Ant design - An enterprise-class UI design language and React UI library provides high-quality components.
- Ant design icons - Semantic vector graphics.
Charts
View more stacks
#### Routing - [React router](https://reactrouter.com/en/main) #### Design Patterns - [ESLint](https://eslint.org/) - [Husky](https://github.com/typicode/husky) - [Lint staged](https://github.com/lint-staged/lint-staged) - [Prettier](https://prettier.io/) #### Components docs - [Storybook](https://storybook.js.org/) #### Date formatting - [moment](https://momentjs.com/) - [dayjs](https://day.js.org/) #### Utils - [lodash](https://lodash.com/) - [react-countup](https://github.com/glennreyes/react-countup)Quick start
Download
- Clone this repo git clone
https://github.com/design-sparx/antd-multipurpose-dashboard.git - Download from GitHub
Build tools
You'll need to install Node.js. Once Node.js is installed, run npm install to install the rest of the template's dependencies. All dependencies will be downloaded to the node_modules directory.
View commands
```bash copy npm install ``` Now you're ready to modify the source files and generate new files. To automatically detect file changes and start a local webserver at http://localhost:3000, run the following command. ```bash copy npm run dev ``` Compile, optimize, minify and uglify all source files to build/ ```bash copy npm run build ```File structure
Inside the zip file you'll find the following directories and files. Both compiled and minified distribution files, as Inside the zip file, you'll find the following directories and files. Both compiled and minified distribution files and the source files are included in the package.