Purple Free Vue is a free, MIT-licensed admin dashboard template built with Vue.js and BootstrapVue by BootstrapDash, offering a single ready-to-run dashboard demo with Chart.js integration and a webpack-based development workflow.
What is Purple Free Vue?
Purple Free Vue is a free admin dashboard template built on Vue.js and BootstrapVue, created by BootstrapDash and released under the MIT license so you can use it on any project. The template ships as a complete Vue project with a src directory, public folder, package.json, and documentation, and its single demo folder (demo_1) contains the sample dashboard view with images and SCSS assets. It takes a standard webpack-powered Vue scaffold and produces a runnable admin interface via npm commands.
Key Features
- Vue.js framework — The template uses Vue with vue-loader and webpack, providing a component-based structure; run
npm run devto serve it locally at localhost:8080. - BootstrapVue + SCSS — Styling combines the BootstrapVue component library with an SCSS framework, so you get Bootstrap-compatible components and customizable styles.
- Chart.js integration — The project's dependencies and demo include Chart.js, letting you display analytics charts right inside the dashboard.
- MIT license — Free to use on all projects, personal or commercial, with no license fee; the premium Purple Vue version adds more pages and features.
- Build and test tooling — Commands include
npm run buildfor minified production output,npm run unit,npm run e2e, andnpm testfor unit and end-to-end testing, plus a bundle analyzer report option. - Documentation and changelog — The download includes a
documentationfolder,CHANGELOG.md, andREADME.mdto help you get started.
Who is it for?
- Front-end developers who want a Vue-based admin layout to start a dashboard project quickly without building the navigation and chart scaffolding from scratch.
- Agencies and freelancers building client dashboards who appreciate the MIT license and the ability to customize SCSS variables and components to match a brand.
- Vue learners interested in a working webpack and Vue setup with a sample dashboard, unit tests, and a production build pipeline to study.
What can you do with Purple Free Vue?
- Build analytics dashboards: Plug your data into Chart.js components in the demo page to visualize metrics like traffic, sales, or usage.
- Prototype admin panels: Use the demo's layout and BootstrapVue components to mock up user management, settings, or reporting pages.
- Customize with SCSS: Override the framework's styling by editing the
assets/stylesfiles and watch changes reload instantly in the dev server.
How does Purple Free Vue work?
Clone the repository from GitHub, run npm install to install dependencies, and npm run dev to launch the hot-reload dev server. For production, npm run build creates a minified bundle; the project also includes unit and e2e test commands defined in the package.json.
Pricing
Purple Free Vue is free and MIT-licensed, so there is no cost to download or use it. BootstrapDash also offers a paid premium version of Purple Vue that contains 4 dashboards, 5 layout styles, and over 20 pages, which you can request by contacting them.
Alternatives
- StarAdmin Free Bootstrap Admin Template — a free Bootstrap admin template from BootstrapDash, but not built with Vue.js.
- PurpleAdmin Free Admin Template — the original Purple dashboard built with Bootstrap, lacking Vue's component model.
- MajesticAdmin Free Bootstrap Admin Template — another free Bootstrap-based admin from BootstrapDash.
FAQ
Is Purple Free Vue free?
Yes, it is free under the MIT license. You can use it on personal and commercial projects without paying.
How do I install Purple Free Vue?
Clone the GitHub repo, install dependencies with npm install, then run npm run dev to serve it at localhost:8080.
Does the free version include dark mode?
No, dark mode is mentioned as a feature of the premium Purple Vue version, not the free one.
What is included in the download?
The archive includes a template folder with a src directory, public folder, package.json, documentation, a changelog, a license, and a readme.
