{"id":13403375,"url":"https://github.com/DesignRevision/shards-dashboard-react","last_synced_at":"2025-03-14T08:31:37.114Z","repository":{"id":41225919,"uuid":"164463430","full_name":"DesignRevision/shards-dashboard-react","owner":"DesignRevision","description":"⚛️A free and beautiful React admin dashboard template pack.","archived":false,"fork":false,"pushed_at":"2022-12-09T19:22:39.000Z","size":5045,"stargazers_count":1717,"open_issues_count":55,"forks_count":505,"subscribers_count":28,"default_branch":"master","last_synced_at":"2025-03-11T01:23:00.002Z","etag":null,"topics":["admin","admin-dashboard","admin-panel","admin-template","admin-ui","design-system","react","reactjs","shards-ui"],"latest_commit_sha":null,"homepage":"https://designrevision.com/downloads/shards-dashboard-lite-react/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DesignRevision.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-07T16:56:11.000Z","updated_at":"2025-03-03T11:33:38.000Z","dependencies_parsed_at":"2023-01-25T23:16:43.173Z","dependency_job_id":null,"html_url":"https://github.com/DesignRevision/shards-dashboard-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DesignRevision%2Fshards-dashboard-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DesignRevision%2Fshards-dashboard-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DesignRevision%2Fshards-dashboard-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DesignRevision%2Fshards-dashboard-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DesignRevision","download_url":"https://codeload.github.com/DesignRevision/shards-dashboard-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243547386,"owners_count":20308697,"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":["admin","admin-dashboard","admin-panel","admin-template","admin-ui","design-system","react","reactjs","shards-ui"],"created_at":"2024-07-30T19:01:29.172Z","updated_at":"2025-03-14T08:31:37.090Z","avatar_url":"https://github.com/DesignRevision.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n\u003ca href=\"https://designrevision.com/downloads/shards-dashboard-lite-react/\"\u003e\n\u003cimg src=\"assets/preview.png\" width=\"250\" /\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\" style=\"border-bottom: none !important; margin-bottom: 5px !important;\"\u003e\u003ca href=\"https://designrevision.com/downloads/shards-dashboard-lite-react/\"\u003eShards Dashboard React\u003c/a\u003e\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-MIT-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/designrevision\"\u003e\n    \u003cimg src=\"https://img.shields.io/twitter/follow/DesignRevision.svg?style=social\u0026label=Follow\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nA free React admin dashboard template pack featuring a modern design system \u003cbr /\u003e  and lots of custom templates and components.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://designrevision.com/demo/shards-dashboard-lite-react\"\u003e\n    \u003cimg height=\"55px\" src=\"assets/btn-live-preview.png\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://designrevision.com/downloads/shards-dashboard-lite-react\"\u003e\n    \u003cimg height=\"55px\" src=\"assets/btn-learn-more.png\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://designrevision.com/downloads/shards-dashboard-lite-react\"\u003e\n\u003cimg src=\"assets/demo-preview.gif\" width=\"650\" /\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr /\u003e\n\n\u003e ✨ **Note:** You can download the Sketch files from the official product page.\n\n\u003cbr /\u003e\n\n### Quick Start\n\n* Install dependencies by running `yarn` or `npm install`.\n* Run `yarn start` or `npm run start` to start the local development server.\n* 😎 **That's it!** You're ready to start building awesome dashboards.\n\n\u003cbr /\u003e\n\n### Project Structure\n\n- This project is bootstrapped using [Create React App](https://github.com/facebook/create-react-app).\n- **Flux** is used for state management and all Flux specific files are located inside `src/flux`. Transitioning to a more robust solution such as Redux is also fairly simple.\n- All primary templates are located inside `src/views`.\n- There is only one single layout defined (Default) inside `src/layouts`, however, the current structure provides an easy way of extending the UI kit. \n- The `src/components` directory hosts all template-specific subcomponents in their own subdirectory.\n- The layout styles inherited from Shards Dashboard are pulled in from the `src/shards-dashboard` submodule inside `src/App.js`.\n- Other extra styles specific to the libraries used are located inside `src/assets`.\n- The `src/utils` directory contains generic Chart.js utilities.\n\n\u003cbr /\u003e\n\n### Available Scripts\n\n### `npm start`\n\nRuns the app in the development mode.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\n\n### `npm run eject`\n\n**Note: this is a one-way operation. Once you `eject`, you can’t go back!**\n\nIf you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.\n\n\n\u003cbr /\u003e\n\n### 🌟 Pro Version\n\nIf you're looking for something more, check out [Shards Dashboard Pro React](https://designrevision.com/downloads/shards-dashboard-pro-react/) which features many more custom templates and components. Use the `GITHUB15` coupon code for a **15% discount off the current price**.\n\n\u003cbr /\u003e\n\n### Built using\n\n- [Shards React](https://github.com/designrevision/shards-react)\n- [Chart.js](https://www.chartjs.org/)\n- [Flux](https://facebook.github.io/flux/)\n- [No UI Slider](https://refreshless.com/nouislider/)\n- [React Datepicker](https://www.npmjs.com/package/react-datepicker)\n- [Quill](https://quilljs.com/)\n\n\u003cbr /\u003e\n\n### Changelog\n\nPlease check out the [CHANGELOG](CHANGELOG.md).\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDesignRevision%2Fshards-dashboard-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FDesignRevision%2Fshards-dashboard-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FDesignRevision%2Fshards-dashboard-react/lists"}