Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! 🔥

Vue Paper Dashboard

Vue Paper Dashboard

Free Bootstrap Vue.js Admin Template
· 4.90/5 (224 Reviews)

MIT License

21,691 Downloads
78 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 1 year ago

16 Handcrafted Components

2 Customized Plugins

4 Example Pages

Product certified by: Creative Tim

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?
  • Components · 16
  • Plugins · 2
  • Examples Pages · 4
  • -
  • -
  • -
What is in PRO Version?
  • Components · 160
  • Plugins · 15
  • Example Pages · 25
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Upgrade to PRO

We are here to help you!

78 Web Developers commented on this product

Github Docs FAQ Page

thaodx
  • downloaded
1 year ago

PRO version still in progress?

cristi.jora
  • owner

@thaodx Yes, the PRO is still in progress. The code is 95% done I would say. We are going to start working on the documentation this week.
1 year ago

thaodx
  • downloaded
1 year ago

It's very helpful if CT team can add messenger components to Paper

alexpaduraru
  • downloaded

@thaodx thank you for the feedback. We will launch v1.0.0 which will be like this: http://demos.creative-tim.com/paper-dashboard-pro/examples/dashboard/overview.html. Then, based on the feedback that we get from our customers, we will see what new components we will add. Do you have an example for the messenger component? It should be only the design or it should contain also the logic for it to work? Best, Alex!
1 year ago

thaodx
  • downloaded

@alexpaduraru We just need a html design only. IMHO, this messages/messenger pages look very good http://themesanytime.com/startui/messenger.html
1 year ago

alexpaduraru
  • downloaded

@thaodx thank you for the example. There is a design for the chart and it is looking like this: http://demos.creative-tim.com/paper-dashboard-pro/examples/dashboard/stats.html. It seems your example is more complex. I will talk with @cristi.jora and see if we will add the complex design in v1.1.0. Keep in touch, Alex!
1 year ago

thaodx
  • downloaded

@alexpaduraru Your Chat window look simple but good. Then you should implement it in new page with just add contact sidebar on the left/right.
1 year ago

sugiartocokrowibowo
  • downloaded
1 year ago

Terimakasih banyak... :D

pororo_
  • downloaded
1 year ago

Thanks a lot

arendon1
  • downloaded
1 year ago

I think i'm in loved. I'm using your products to learn! Thanks for your hard work.

cristi.jora
  • owner

@arendon1 Glad to hear that! I think this free version is indeed a good way to learn vue since we tried to embrace some of the best practices & tools from the Vue community.
1 year ago

veber1488
  • downloaded
1 year ago

Hello! Are there any tutorials about how to make dashboard live - for example how to call 3rd party APIs and push JSON data to widgets?

cristi.jora
  • owner

@veber1488 Here is one example https://alligator.io/vuejs/rest-api-axios/ You usually use a library to make requests (axios is just an example) and then store the data received from API inside data from your components. This technique can be applied to charts/stats components, tables and so on :)
1 year ago

dimitric
  • downloaded
1 year ago

I bought the pro version of the paper dashboard a few days ago and was thinking of converting the components I need to vue. Now I read in these comments that there is vue version of the pro dashboard in the making. Will the pro Vue version be available for those who purchased the 'normal' pro version? Otherwise I just bought the wrong thing.

cristi.jora
  • owner

@alexpaduraru Any thoughts about that ?
1 year ago

alexpaduraru
  • downloaded

@dimitric thank you for using our products. Those who have an HTML version of Vue Paper Dashboard will be able to upgrade the license just by paying the difference. There will be a 10$ extra for the Vue Version Personal License, compared to the HTML Personal License version. So you don't have to pay again for the full Vue, you just upgrade it. Hope this information helps you. If we can give you any other details just let us know. We are working at this moment for the documentation, hope we will have an official release next week. We will send emails. Best, Alex!
1 year ago

dimitric
  • downloaded

@axelut Thank you for your response. I found Vue Paper Dashboard PRO in my account. Thanks!
1 year ago

dimitric
  • downloaded

@axelut How can I upgrade the HTML version to the vue version as you mentioned? If I add the vue version to my cart I need to pay the full $49 instead of the $10 extra you mentioned.
1 year ago

alexpaduraru
  • downloaded

@dimitric since we are running a discount campaign and the price of Vue Paper Dashboard PRO is $36.75 we added it as a gift for you. Please check your account and let us know if everything is fine. Best, Alex :D
1 year ago

buezeharry
  • downloaded
1 year ago

This is a one of the most simple and straight to the point dashboard. Thanks alot mate.

alexpaduraru
  • downloaded

@buezeharry thank you for the kind words! We are glad that you like it :D Stay tuned for the PRO version, it will save you a lot of time. Best, Alex!
1 year ago

stig.nielsson 1 year ago

It looks great. When I build with npm run build, I can see an app.<hash>.css file of 253kb is created with warning that it is big. Anyway to reduce that size?

cristi.jora
  • owner

Anonymous Tim Usually, servers where you host your app can gzip your assets which would reduce the sizes of your assets further. You can open the link of the demo https://cristijora.github.io/vue-paper-dashboard/#/admin/overview which is hosted on github and open developer tools in chrome for example. You can see that the size of the css is 44kb there ! I've tried to optimize the size of the assets as much as possible and you can see that because the demo loads pretty fast <500ms on desktop and <2s on mobile with 3G. You can further optimize it and extract some css files and import them async. (e.g import('bootstrap/dist/css/bootstrap.css') ) but I wouldn't recommend doing that unless you fully understand it.
1 year ago

obada
  • downloaded
1 year ago

very nice Dashboard, but i want ask you, i'm trying to use some pf modal forms but it didn't working yet, how i can use modal form inside the dashboard ? thank you

cristi.jora
  • owner

@obada Not sure what "pf modal" means but there are a lot of vue-modal components out there https://github.com/vuejs/awesome-vue#overlay This one is a good example and would play nicely with the current dashboard http://sweet-modal-vue.adepto.as/ You can follow the instructions for installation bellow the examples and add modals in a matters of seconds/minutes :)
1 year ago

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