CoPilot: a fully responsive admin template tailored with Vue.js
CoPilot is a fully responsive admin template that is forked from AdminLTE. The difference here is that this repo is tailored to use with Vue.js. The UI is based on the Bootstrap 3 framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
In an attempt to keep the project clean I have not included every plugin/feature that AdminLTE offers. You simply need to add the plugin in the /static/js/plugin folder to include them or use npm. I've included the popular ones.
The structure of the app is scaffolded by vue-cli. Which is a simple CLI tool that setups our environment. CoPilot uses the webpack package. So we get a full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.
We leverage all the goodies that vue.js offers. Vue-Router for routing. Vue-Resource for AJAX calls. Vuex for state management. This project is using VueJS 2.0! Earlier versions can be found under the vue 1.0 branch.
The color palette of this template is composed by 33 colors:
| Color | Name | Hex | Rgb |
|---|---|---|---|
| Boston Blue | #3b8cbb | rgb(59,140,187) | |
| Neptune | #83bfc2 | rgb(131,191,194) | |
| Wedgewood | #487e9c | rgb(72,126,156) | |
| Shark | #1b2324 | rgb(27,35,36) | |
| Silver Tree | #61bf9d | rgb(97,191,157) | |
| Glacier | #7aabcb | rgb(122,171,203) | |
| Edward | #a2b5b2 | rgb(162,181,178) | |
| Astral | #3c7ca6 | rgb(60,124,166) | |
| Outer Space | #212a2f | rgb(33,42,47) | |
| Vista Blue | #7cccac | rgb(124,204,172) | |
| Jungle Green | #2ca67b | rgb(44,166,123) | |
| Matrix | #b35b52 | rgb(179,91,82) | |
| Astral | #34749f | rgb(52,116,159) | |
| Outer Space | #21292f | rgb(33,41,47) | |
| Pavlova | #d8c8a0 | rgb(216,200,160) | |
| Cerulean | #04a4d4 | rgb(4,164,212) | |
| Cutty Sark | #548179 | rgb(84,129,121) | |
| Affair | #644490 | rgb(100,68,144) | |
| Outer Space | #273037 | rgb(39,48,55) | |
| Downy | #72bbd2 | rgb(114,187,210) | |
| Glacier | #7caccc | rgb(124,172,204) | |
| Cape Cod | #525353 | rgb(82,83,83) | |
| Mountain Meadow | #14ac64 | rgb(20,172,100) | |
| Ebony Clay | #242c34 | rgb(36,44,52) | |
| Fountain Blue | #64a4bc | rgb(100,164,188) | |
| Smalt Blue | #507c86 | rgb(80,124,134) | |
| Dark Fern | #106619 | rgb(16,102,25) | |
| Burnt Sienna | #e78f50 | rgb(231,143,80) | |
| Green Haze | #05a25c | rgb(5,162,92) | |
| Emperor | #535353 | rgb(83,83,83) | |
| Mountain Meadow | #14ae66 | rgb(20,174,102) | |
| Outer Space | #242c33 | rgb(36,44,51) | |
| Aqua Island | #96dbcc | rgb(150,219,204) |
Actions
Released
Category Vue JS
Layout Responsive
Columns 1
Retina Ready Yes
Files Included Html, CSS, JavaScript
Browser IE10, IE11, Firefox, Safari, Opera, Chrome5
Bootstrap Bootstrap 3
Tags vuejs vue.js admin dashboard
Advertising
Advertising
