https://github.com/designrevision/shards-dashboard-vue

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
https://github.com/designrevision/shards-dashboard-vue

admin admin-dashboard dashboard design design-system modern template uikit ux vue vuejs

Last synced: about 12 hours ago
JSON representation

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

• Host: GitHub
• URL: https://github.com/designrevision/shards-dashboard-vue
• Owner: DesignRevision
• License: mit
• Created: 2018-10-18T11:53:30.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-02-10T17:07:33.000Z (over 2 years ago)
• Last Synced: 2024-10-29T23:55:50.526Z (9 days ago)
• Topics: admin, admin-dashboard, dashboard, design, design-system, modern, template, uikit, ux, vue, vuejs
• Language: Vue
• Homepage: https://designrevision.com/downloads/shards-dashboard-lite-vue/
• Size: 4.51 MB
• Stars: 390
• Watchers: 22
• Forks: 69
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        










Shards Dashboard Vue



  

    

  

  

    

  





A free Vue admin dashboard template pack featuring a modern design system 
  and lots of custom templates and components.





  

    

  

  

    

  



















> ✨ **Note:** You can download the Sketch files from the official product page.




### Quick Start

* Install dependencies by running `yarn`.

* Run `yarn serve` to start the local development server.

* 😎 **That's it!** You're ready to start building awesome dashboards.




### Project Structure

* All templates are located inside `src/views` and most of them are self-contained.

* There's only one single layout defined (Default) inside `src/layouts`, however the current structure provides an easy way of extending the UI kit.

* The `src/components` directory hosts all template-specific subcomponents in their own subdirectory.

* Almost all components have their styles isolated in SFC, however, some global styles are also placed inside `src/assets/scss` next to Shards Dashboard Lite's base styles.

* The `src/utils` directory contains generic Chart.js utilities.




### 🌟 Pro Version

If you're looking for something more, check out [Shards Dashboard Pro Vue](https://designrevision.com/downloads/shards-dashboard-pro-vue/) which features many more custom templates and components. Use the `GITHUB15` coupon code for a **15% discount off the current price**.




### Built using

* [Shards Vue](https://designrevision.com/downloads/shards-vue)

* [Chart.js](http://www.chartjs.org/)

* [Vue Datepicker](https://github.com/charliekassel/vuejs-datepicker)

* [NoUiSlider](https://refreshless.com/nouislider/)

* [Quill](https://quilljs.com/)

* [Material Icons](http://material.io/icons)

* [FontAwesome Icons](http://fontawesome.io)




### Changelog

Please check out the [CHANGELOG](CHANGELOG.md).