Skip to content

afokapu/cion-vueds

 
 

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

License

MIT License - Copyright (c) Jörg Bayreuther

About

CION - Design system boilerplate for Vue.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 62.7%
  • CSS 19.7%
  • Vue 12.0%
  • JavaScript 5.6%