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
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 - Copyright (c) Jörg Bayreuther