{"id":27157158,"url":"https://github.com/design-sparx/antd-multipurpose-dashboard","last_synced_at":"2025-04-08T20:53:47.462Z","repository":{"id":196728236,"uuid":"695519370","full_name":"design-sparx/antd-multipurpose-dashboard","owner":"design-sparx","description":"A free, open source, Vite, Typescript admin theme created using Ant Design 5","archived":false,"fork":false,"pushed_at":"2024-08-25T15:39:32.000Z","size":11877,"stargazers_count":82,"open_issues_count":7,"forks_count":19,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-08-25T16:51:52.720Z","etag":null,"topics":["ant-design","ant-design-charts","antd","react","typescript","vite"],"latest_commit_sha":null,"homepage":"https://antd-multipurpose-dashboard.netlify.app/","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/design-sparx.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-09-23T12:45:17.000Z","updated_at":"2024-08-25T15:38:15.000Z","dependencies_parsed_at":"2024-05-08T19:43:33.097Z","dependency_job_id":"6d41785f-73f1-400b-8a93-8cfe8d7bc818","html_url":"https://github.com/design-sparx/antd-multipurpose-dashboard","commit_stats":null,"previous_names":["design-sparx/antd-multipurpose-dashboard"],"tags_count":2,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design-sparx%2Fantd-multipurpose-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design-sparx%2Fantd-multipurpose-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design-sparx%2Fantd-multipurpose-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/design-sparx%2Fantd-multipurpose-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/design-sparx","download_url":"https://codeload.github.com/design-sparx/antd-multipurpose-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247927287,"owners_count":21019506,"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":["ant-design","ant-design-charts","antd","react","typescript","vite"],"created_at":"2025-04-08T20:53:46.219Z","updated_at":"2025-04-08T20:53:47.441Z","avatar_url":"https://github.com/design-sparx.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![behance](https://github.com/design-sparx/antd-multipurpose-dashboard/assets/26582923/cc9c94ee-488f-4ae5-bb17-bbfe230e8524)\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"public/logo-no-background.png\" alt=\"logo\" height=\"100\"/\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/design-sparx/antd-mutli-dashboard/blob/master/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"License\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/design-sparx/antd-mutli-dashboard/issues?q=is%3Aopen+is%3Aissue\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues/design-sparx/antd-multipurpose-dashboard/open.svg\" alt=\"GitHub issues open\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/design-sparx/antd-mutli-dashboard/issues?q=is%3Aissue+is%3Aclosed\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues-closed-raw/design-sparx/antd-multipurpose-dashboard\" alt=\"GitHub issues closed\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://antd-multipurpose-dashboard.netlify.app/\" rel=\"nofollow\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/demo-online-green.svg\" alt=\"Live Demo\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/design-sparx/antd-multipurpose-dashboard/archive/refs/heads/ft/readme.zip\"\u003e\n    \u003cimg src=\"https://img.shields.io/static/v1?label=download\u0026message=ZIP\u0026color=green\" alt=\"Download\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://app.netlify.com/sites/antd-multipurpose-dashboard/deploys\"\u003e\n    \u003cimg src=\"https://api.netlify.com/api/v1/badges/453b19f9-2043-402d-a715-41d55db6447a/deploy-status\" alt=\"Netlify Deployment Status\"\u003e\n  \u003c/a\u003e \n  \u003ca href=\"https://github.com/design-sparx/antd-multipurpose-dashboard/actions/workflows/chromatic.yml\"\u003e\n    \u003cimg src=\"https://github.com/design-sparx/antd-multipurpose-dashboard/actions/workflows/chromatic.yml/badge.svg\" alt=\"Storybook Deployment Status\"\u003e\n  \u003c/a\u003e \n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/design-sparx/antd-mutli-dashboard\"\u003e\n    \u003cimg alt=\"GitHub stars\" src=\"https://img.shields.io/github/stars/design-sparx/antd-multipurpose-dashboard?style=social\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n- [Live preview](https://antd-multipurpose-dashboard.netlify.app/)\n- [Components preview](https://6546507b657a74164abf2db6-iqmnggdrcl.chromatic.com/)\n- [Medium](https://medium.com/@kelvink96/designing-modern-dashboards-a-journey-through-react-vite-ant-design-and-storybook-2dac23e1e49a)\n- [Product roadmap](https://kelvink96.notion.site/Antd-multipurpose-dashboard-Product-roadmap-92163e05b8ea444a8f87b7f834933069) **New**\n\n## Introduction\n\nA professional Admin \u0026 Dashboard template based on [Ant design 5](https://ant.design/) that comes with hundreds of UI\ncomponents, forms, tables, charts, pages and icons. This template is built using [React](https://react.dev/),\n[Vite](https://vitejs.dev/), [Ant Design Charts](https://charts.ant.design/),\n[Ant Design Icons](https://ant.design/components/icon) and [Storybook](https://storybook.js.org/).\n\n## Features\n\n- **Customizable:** You don't need to be an expert to customize the template. Our code is very readable and\n  well-documented.\n- **Fully Responsive:** With mobile, tablet \u0026 desktop support it doesn't matter what device you're using. Antd Dashboard\n  is responsive in all browsers.\n- **Cross-Browser:** Our themes are working perfectly with Chrome, Firefox, Opera, and Edge. We're working hard to\n  support them.\n- **Clean Code:** We strictly follow Ant Design's guidelines to make your integration as easy as possible. All code is\n  handwritten.\n- **Regular Updates:** From time to time you'll receive an update containing new components, improvements, and bug\n  fixes.\n\n## Tech stack\n\nThis project features all the latest tools and good practices in web development!\n\n### Framework\n\n- [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling\n\n#### Design System and Animations\n\n- [Ant design](https://ant.design/) - An enterprise-class UI design language and React UI library provides high-quality\n  components.\n- [Ant design icons](https://ant.design/components/icon/) - Semantic vector graphics.\n\n#### Charts\n\n- [Ant design charts](https://charts.ant.design/)\n\n\u003cdetails\u003e\n\u003csummary\u003eView more stacks\u003c/summary\u003e\n\n#### Routing\n\n- [React router](https://reactrouter.com/en/main)\n\n#### Design Patterns\n\n- [ESLint](https://eslint.org/)\n- [Husky](https://github.com/typicode/husky)\n- [Lint staged](https://github.com/lint-staged/lint-staged)\n- [Prettier](https://prettier.io/)\n\n#### Components docs\n\n- [Storybook](https://storybook.js.org/)\n\n#### Date formatting\n\n- [moment](https://momentjs.com/)\n- [dayjs](https://day.js.org/)\n\n#### Utils\n\n- [lodash](https://lodash.com/)\n- [react-countup](https://github.com/glennreyes/react-countup)\n\n\u003c/details\u003e\n\n## Quick start\n\n#### Download\n\n- Clone this repo git clone `https://github.com/design-sparx/antd-multipurpose-dashboard.git`\n- [Download from GitHub](https://github.com/design-sparx/antd-multipurpose-dashboard/archive/refs/heads/main.zip)\n\n### Build tools\n\nYou'll need to install Node.js.\nOnce Node.js is installed, run npm install to install the rest of the template's dependencies. All dependencies will be\ndownloaded to the node_modules directory.\n\n\u003cdetails\u003e\n\u003csummary\u003eView commands\u003c/summary\u003e\n```bash copy\nnpm install\n```\n\nNow you're ready to modify the source files and generate new files. To automatically detect file changes and start a\nlocal webserver at http://localhost:3000, run the following command.\n\n```bash copy\nnpm run dev\n```\n\nCompile, optimize, minify and uglify all source files to build/\n\n```bash copy\nnpm run build\n```\n\n\u003c/details\u003e\n\n# File structure\n\nInside the zip file you'll find the following directories and files. Both compiled and minified distribution files, as\nInside the zip file, you'll find the following directories and files. Both compiled and minified distribution files and\nthe source files are included in the package.\n\n\u003cdetails\u003e\n\u003csummary\u003eView file tree\u003c/summary\u003e\n\n```files\n📂 antd-multi-dashboard/\n┣ 📂 .github/                   # GitHub's folder configs **\n┣ 📂 .husky/                    # Husky's folder\n┃ ┣ 📃 commit-msg               # Commitlint git hook\n┃ ┗ 📃 pre-commit               # Lint-staged git hook\n┣ 📂 .vscode/                   # VSCode's workspace **\n┣ 📂 .idea/                     # Intellij's webstorm workspace **\n┣ 📂 .storybook/                # Storybook folder config **\n┣ 📂 public/                    # Public folder\n┃ ┣ 📂 mocks/                   # Mock data folder **\n┃ ┣ 📂 showcase/                # Showcase images folder **\n┃ ┣ 📃 favicon.ico              # Icon tab browser\n┣ 📂 src/\n┃ ┣ 📂 assets/                  # Assets folder **\n┃ ┣ 📂 components/              # App Components **\n┃ ┣ 📂 constants/               # App Components **\n┃ ┃ ┗ 📃 routes.tsx              # All routes declarations **\n┃ ┣ 📂 context/                 # React state conexts **\n┃ ┣ 📂 hooks/                   # React Hooks **\n┃ ┃ ┗ 📃 useFetch.ts            # Data fetch hook (optional) **\n┃ ┣ 📂 layouts/                 # Page layouts folder **\n┃ ┣ 📂 pages/                   # Pages **\n┃ ┣ 📂 routes/                  # Routes config folder **\n┃ ┣ 📂 stories/                 # Storybook folder **\n┃ ┣ 📂 types/                   # Typescript types/interfaces **\n┃ ┣ 📂 utils/                   # Useful functions folder **\n┣ 📃 .editorconfig              # Editor config\n┣ 📃 .eslintrc                  # ESLint config\n┣ 📃 .gitignore                 # Git ignore\n┣ 📃 .prettierignore            # Prettier ignore\n┣ 📃 .prettierrc                # Prettier ignore\n┣ 📃 .versionrc                 # Versioning config\n┣ 📃 .commitlintrc              # Commitlint config\n┣ 📃 CHANGELOG.md               # Changelogs\n┣ 📃 CONTRIBUTING.md            # Contributing\n┣ 📃 LICENSE                    # License of the project\n┣ 📃 vite.config.js             # Vite config\n┣ 📃 README.md                  # Main README\n┣ 📃 renovate.json              # Renovate Bot config **\n┣ 📃 tsconfig.json              # TypeScript config\n```\n\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdesign-sparx%2Fantd-multipurpose-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdesign-sparx%2Fantd-multipurpose-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdesign-sparx%2Fantd-multipurpose-dashboard/lists"}