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

Free Bootstrap 4 Vuejs Admin Template

Product description


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

Vue Light Bootstrap Dashboard was coded by Cristi Jora and the design was made by Creative Tim. The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Vue Light Bootstrap Dashboard contains handpicked and optimised Vuejs plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customisation of this product.

It comes with 6 filter colors for the sidebar (“black”, “azure”,”green”,”orange”,”red”,”purple”) and an option to have a background image.

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

Getting started

Vue Light Bootstrap Dashboard is built on top of Bootstrap 4, Vuejs 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 Light Bootstrap Dashboard - Fully Coded and Responsive HTML5
Vue Light Bootstrap Dashboard - Sass Files for Professional Front End Developers
Vue Light Bootstrap Dashboard - Crafted with Bootstrap - the most popular Front End Framework
Vue Light Bootstrap Dashboard - The Progressive JavaScript Framework
Downloads
53,388
Version
2.1.0
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 Light Bootstrap 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 17
Examples Pages 4 25
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

37 Web Developers commented on this product

pihlersimon
  • downloaded
6 years ago

Please make a PRO version as soon as possible. I'm 110% your customer if you'll do it!

cristi.jora
  • downloaded

Hey @pihlersimon Glad you are interested in it! We are doing our best to release the PRO version next week so stay tuned!
6 years ago

davidg
  • downloaded
6 years ago

Beautiful theme. I echo the comment about the PRO version. One snag I'm hitting. The 'npm run build' command fails: Error: Cannot find module '..' at Function.Module._resolveFilename (module.js:542:15)

cristi.jora
  • downloaded

Hey @davidg Please open an issue on github (Report an issue button here) with the full stack trace error and maybe the operating system so we could solve the problem easier.Also we could discuss there about the problem specific details like if you changed something in the config files or not.
6 years ago

davidg
  • downloaded
6 years ago

I must have done something. I ran from fresh unzip and it worked. Sorry for the false alarm.

cristi.jora
  • downloaded

No worries. @davidg I still think opening an issue will help in clarifying what was the cause. Maybe we can avoid this problem along the road or improve somewhere. Thanks.
6 years ago

inact25
  • downloaded
6 years ago

its awesome

cristi.jora
  • downloaded

Thanks a lot @inact25 :)
6 years ago

亚冰.罗
  • downloaded
6 years ago

I've downloaded the free version bug could not find the plugin to switch the background color and image like live preview

亚冰.罗
  • downloaded

thanks to that ! Looking forward to the VLBD pro and vue version of MD pro
6 years ago

cristi.jora
  • downloaded

亚冰.罗 Usually the color switch plugin is present only for demo purposes. You can find it on the 'live-demo' branch on github https://github.com/cristijora/vue-light-bootstrap-dashboard/blob/live-demo/src/components/Dashboard/Layout/DashboardLayout.vue#L3 You can change sidebar color and image with props just like in the link above.
6 years ago

mehmetydert
  • downloaded
6 years ago

am i use this awesome admin theme for my business project ?

cristi.jora
  • downloaded

@mehmetydert This version has an MIT licence and therefore you can pretty much use it however you want.
6 years ago

aggronacho
  • downloaded
6 years ago

Nice work! Do you have an estimated time for the full version? Thank you.

cristi.jora
  • downloaded

Hi @aggronacho The development and the docs for the full version are already done. It should be released in a couple of days this week
6 years ago

aggronacho
  • downloaded

Nice, thanks.
6 years ago

ferman
  • downloaded
6 years ago

I am new to this website and developping. is it compatible with asp.net mvc?

cristi.jora
  • downloaded

Hi @ferman I wrote an article on this topic. https://medium.com/corebuild-software/vue-js-and-net-mvc-b5cede228626 You can find in depth details there on how to fully integrate vue with asp.net mvc. This template is a Single Page App template based on vue-cli. It will not work with asp.net mvc out of the box but can be configured (if you follow the tutorial) to work with asp.net mvc.
6 years ago

vrzaporojan
  • downloaded
6 years ago

Great job guys. You do some really nice things, keep it up.

cristi.jora
  • downloaded

Thanks a lot @vrzaporojan
6 years ago

faker
  • downloaded
6 years ago

Gracias,lo usare para mi trabajo de grado,creo que tienes problemas en tu registrar,me dijo que el correo estaba en uso igual me dejo entrar.Saludo desde Venezuela.(y) Thank you, I'll use it for my degree work, I think you have problems with your registration, he told me that the mail was in use, he let me in.Greetings from venezuela.(y)

cristi.jora
  • downloaded

Greetings @faker Hope you pass your degree exam with the best grade :)
6 years ago

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