https://github.com/ajaymarathe/vue-apollo-design-system
Hi there, Vue Apollo Design System is open souce UI-KIT for Vue lovers based on Bootcatch Apollo Theme thanks :)
https://github.com/ajaymarathe/vue-apollo-design-system
bootstrap bootstrap4 css vue vue-apollo-design-system vue-apollo-uikit vue-uikit vuejs
Last synced: about 2 months ago
JSON representation
Hi there, Vue Apollo Design System is open souce UI-KIT for Vue lovers based on Bootcatch Apollo Theme thanks :)
- Host: GitHub
- URL: https://github.com/ajaymarathe/vue-apollo-design-system
- Owner: ajaymarathe
- License: mit
- Created: 2020-01-21T10:35:18.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-02-22T05:30:05.000Z (over 6 years ago)
- Last Synced: 2025-03-20T07:24:43.787Z (over 1 year ago)
- Topics: bootstrap, bootstrap4, css, vue, vue-apollo-design-system, vue-apollo-uikit, vue-uikit, vuejs
- Language: Vue
- Size: 11.4 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vue Apollo Design System
Vue Apollo Design System is open source UI-KIT for Vue lovers based on Bootcatch Apollo Theme thanks :)
[](https://www.npmjs.com/package/vue-apollo-design-system) [](https://www.npmjs.com/package/vue-apollo-design-system)
## Table of Contents
* [First-shot](#first-shot)
* [Quick Start](#quick-start)
* [Usage](#usage)
* [About](#about)
* [Author](#author)
* [Copyright and License](#copyright-and-license)
## First Shot
[](http://preview.bootcatch.com/vue-apollo-design-system/)
## Quick Start
```
$ npm i vue-apollo-design-system --save
Or
//Clone the repo.
$ git clone https://github.com/ajaymarathe/vue-apollo-design-system.git
```
## [Usage](http://blog.bootcatch.com/post/vue-components-based-design-system-is-based-on-bootcatch-themes-and-vue)
After download you can simply import DesignSystem in your main.js file and then you ready to use.
```js
// change the path of your design system
// import DesignSystem from '/plugins/DesignSystem';
import DesignSystem from 'vue-supine-design-system/plugins/DesignSystem'; // import here
Vue.use(DesignSystem); // use imported designSystem in Vue.use()
```
[Read Docs](http://blog.bootcatch.com/post/vue-components-based-design-system-is-based-on-bootcatch-themes-and-vue)
## About
Vue Apollo Design System is Vue and Bootstrap 4.x ( bootcatch-themes ) based UI-KIT. It is a component-based design system, It has different color styles and ready to use bootstrap components on a single click.
So download and use for your next project, thanks.
All the free ui-kit & templateS on Bootcatch are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
* http://preview.bootcatch.com/vue-apollo-design-system
* http://bootcatch.com/ui_kits
Fully coded UI-kits based on Bootstrap, Angular, Vue, React, Html, Sass.
## Author
Ajay Marathe
+ https://github.com/ajaymarathe
+ http://bootcatch.com
+ http://bootcatch.com/lightly
```
If you like my work then please give ⭐ and do follow me :P
```
## Copyright and License
Copyright 2019-2020 [Ajay Marathe](https://github.com/ajaymarathe). Code released under the [MIT](https://github.com/ajaymarathe/vue-apollo-design-system/blob/master/LICENSE) license.