❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap Vue.js Admin Template

Product description


Vue Paper Dashboard is a beautiful resource built over Bootstrap and Vue. It will help you get started developing dashboards in no time. Vue Paper Dashboard is a Vue ported version of the Original Paper Dashboard. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vue and Vue-Router.

Vue Paper Dashboard was coded by Cristi Jora and the design was made by Creative Tim. It combines soft colors with beautiful typography and spacious cards and graphics. It is a powerful tool, but it is light and easy to use. It has enough features to allow you to get the job done, but it is not crowded to the point where you can't find the files for a specific plugin.

We like consistency and design that blends into its purpose. Vue Paper Dashboard is a perfect example of our most thoughtful work. It combines Vue.js components and plugins, while looking like everything fits together. For an easy start or inspiration for you project, we have also create a set of example pages, like the user settings or usage graphics.

Vue Paper Dashboard is built using the same design language as Paper Kit. You can easily use them together, or pick between them depending on the project you have.

Let us know what you think and what we can improve below. And good luck with development!


Getting started

Vue Paper Dashboard is built on top of Bootstrap 3, Vue and Vue-router. To get started do the following steps:

  1. Download the project
  2. Make sure you have node.js installed
  3. Type "npm install" in the source folder where "package.json" is located
  4. Type "npm run dev" to start the development server

The repo uses vue-cli scaffolding which takes care of the development setup with webpack and all the necessary modern tools to make web development faster and easier.

Npm tasks:

  • "npm run dev" - starts a development server on localhost:8080 with live-reload
  • "npm run build" - builds the app for production with javascript minification and versioning
  • "npm run unit" - Runs unit tests located under test\unit folder. There are couple of tests written for you to get a better idea on how to run and write Vue unit tests
  • "npm run unit:watch" - Runs unit tests while listening for any changes in the project. This way you can develop new features and make sure that your old components work as expected without running unit tests every time.
  • "npm run e2e" - Runs end to end tests. The command and the setup for end to end tests is provided by vue-cli. If you need and have the necessity to write end to end tests, feel free to write them under test\e2e folder
  • "npm run test" - Runs both unit and end to end tests.

Product certified by: Creative Tim
Vue Paper Dashboard - Fully Coded and Responsive HTML5
Vue Paper Dashboard - Sass Files for Professional Front End Developers
Vue Paper Dashboard - Crafted with Bootstrap - the most popular Front End Framework
Vue Paper Dashboard - The Progressive JavaScript Framework
Downloads
40,898
Version
1.0.1
Changelog
Updated
1 year ago
Released
6 years ago
Reviews
Star
Handcrafted Elements
16
Customized Plugins
2
Example Pages
4
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Vue Paper Dashboard PRO. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 16 160
Plugins 2 15
Examples Pages 4 25
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

80 Web Developers commented on this product

khalidisham
  • downloaded
5 years ago

Hello @cristi.jora ! Just wanted to appreciate this awesome work ,can you please help me on how to install this theme on a laravel project?

cristi.jora
  • downloaded

Hi @khalidisham Some people already integrated Vue dashboards from creative-tim with laravel. Here is a gist https://gist.github.com/Failcookie/f85276736065a67b1ff2af1f2e764434 and a project already integrated. It's not exactly this one but it's the same in terms of structure. https://github.com/j574144/Laravel-VLBD Hope this helps.
5 years ago

hashemi.rafsan
  • downloaded
5 years ago

Love it

cristi.jora
  • downloaded

Thanks @hashemi.rafsan Hope you put it to great use!
5 years ago

khadijagr
  • downloaded
5 years ago

@cristi.js I want use this template please help me step by step,how use it ?

khadijagr
  • downloaded

@cristi.jora
5 years ago

cristi.jora
  • downloaded

Hi @khadijaourguine There is a documentation online which you can find here http://vuejs.creative-tim.com/vue-paper-dashboard-docs/#/ or the markdown files here https://github.com/cristijora/vue-paper-dashboard-docs/tree/master/docs To get started follow the steps in the first link. You need node.js installed beforehand. Hope this helps.
5 years ago

khadijagr
  • downloaded

@cristi.jora i wanna use it in projet symfony
5 years ago

khadijagr
  • downloaded

@cristi.jora ??
5 years ago

jeremyelacruz
  • downloaded
5 years ago

THANKS =) I LOT REALLY ALOT

jeremyelacruz
  • downloaded
5 years ago

THANKS =) I LOT REALLY ALOT

hidden
  • downloaded
5 years ago

First off, I just want to say that I love this, and I love that it's given me an introduction to Vue and its beauty. I did have a few issues getting set up, though, because the download on this page isn't using the same version as the demo. Most notably, the sidebar didn't work at all on medium or small screens in the downloadable version. Grabbing the demo version from Github gave me much better results. Any reason in particular why the download here isn't up to date?

cristi.jora
  • downloaded

Hi @hidden Thanks for the kind words! Glad you find this resource useful. Regarding archive, we will have to look into it. Most likely the archive here is not the most up to date one. I will take a look and update it so it matches the github one.
5 years ago

jesrayarciano
  • downloaded
5 years ago

You are a very talented person. I followed you on Github.

muralisnote
  • downloaded
5 years ago

I loved it..what an amazing work...

vincediegane
  • downloaded
5 years ago

thank's a lot a really like this template

eybarta
  • downloaded
5 years ago

@cristi.jora I downloaded the free version to test it out before getting the PRO.. my question is, is this an older version of paper-dashboard (not 2)? is there a Pro Vue version 2 of the paper-dashboard or is that what I get with the Pro version? I ask because the free version I downloaded is using an older version of bootstrap and I rather be using the most up to date of course.. thanks, beautiful work.

cristi.jora
  • downloaded

Hey @eybarta You can always take the latest version from github directly. The one from there should have bootstrap 4.
5 years ago

You have to be logged in to post a comment. Login here.