CoPilot: a fully responsive admin template tailored with Vue.js CoPilot: a fully responsive admin template tailored with Vue.js CoPilot: a fully responsive admin template tailored with Vue.js

Share this template Share this item

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)

Related Templates

VueJS Material Dashboard

This Material Dashboard is a beautiful resource built with the Vue Material and Vuejs framework.

Vue JS




Vuesax: A Frontend Vue Components Kit

Vuesax is a new Component Based Framework for Vue.js 2

Vue JS




Vue Material Admin: A vue material design template

This template is a basic Admin Dashboard Based on the Material Design.

Vue JS




Rest Admin: A VueJS Dashboard

Rest Admin is a Restful Admin Dashboard Based on Vue and Boostrap 4.

Vue JS




Sing App Vue Dashboard: a vue framework Free and Open Source Vue.js Admin Dashboard Template

Sing App Vue Dashboard is an admin dashboard template built with Vue JS 2.5.2 and Bootstrap 4.

Vue JS




Light Blue Vue Admin: a dashboard template built with Vue JS

Light Blue Vue Admin is a dashboard template built with Vue JS (Vue CLI) and Bootstrap 4.

Vue JS