Skip to content

visualjerk/vue-cion-design-system

Folders and files

NameName
Last commit message
Last commit date
May 23, 2020
Jan 22, 2019
Jan 21, 2019
Jan 21, 2019
Sep 2, 2018
Sep 8, 2018
Jan 29, 2019
Sep 10, 2018
Aug 9, 2018
Aug 10, 2018
Nov 25, 2019
Aug 21, 2018
Aug 9, 2018
Aug 10, 2018
Jan 14, 2019
May 27, 2019
Oct 11, 2018
Jan 21, 2019
Jan 22, 2019
Nov 25, 2019
Aug 22, 2018
May 23, 2020

Repository files navigation

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

Screenshot

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

License

MIT License - Copyright (c) Jörg Bayreuther