https://github.com/visualjerk/vue-cion-design-system
CION - Design system boilerplate for Vue.js
https://github.com/visualjerk/vue-cion-design-system
components design-system design-systems design-tokens living-documentation livingstyleguide vue vuejs
Last synced: 2 months ago
JSON representation
CION - Design system boilerplate for Vue.js
- Host: GitHub
- URL: https://github.com/visualjerk/vue-cion-design-system
- Owner: visualjerk
- License: mit
- Created: 2018-08-18T15:30:49.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T17:34:12.000Z (almost 3 years ago)
- Last Synced: 2024-05-05T13:32:48.108Z (over 1 year ago)
- Topics: components, design-system, design-systems, design-tokens, living-documentation, livingstyleguide, vue, vuejs
- Language: HTML
- Homepage: https://cion.visualjerk.de
- Size: 26.4 MB
- Stars: 140
- Watchers: 4
- Forks: 24
- Open Issues: 54
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CION - Design system boilerplate for Vue.js
CION is a **design system** build primarily for **Vue.js applications**. You can use it as a starting point for building your own design system.
The system utilizes design tokens, a living styleguide with integrated code playgrounds and reusable components for common UI tasks.
Living styleguide demo: https://styleguide.cion.visualjerk.de
Landing page demo: https://cion.visualjerk.de
Integrate it in your application: [Usage](https://cion.visualjerk.de/#usage)
[](https://github.com/visualjerk/vue-cion-design-system/raw/master/preview/customize.png)
## Project setup
```
yarn install
```
## Developing
Compiles and hot-reloads living styleguide
```
yarn dev
```
## Building
### Living styleguide
Compiles living styleguide to `./docs`
```
yarn build
```
### Library
Compiles design system as a library to `./dist`
```
yarn build:lib
```
## Helper
### Serve living styleguide locally
```
yarn serve
```
### Lints and fixes files
```
yarn lint
```
## Projects that use CION
* Human Connection Styleguide: https://styleguide.human-connection.org/
## License
[MIT License](./LICENSE) - Copyright (c) Jörg Bayreuther