CION - Design system boilerplate for Vue.js
Switch branches/tags
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_examples/landingpage New styleguide subdomain Sep 4, 2018
dist Fix page previews Nov 22, 2018
docs Fix page previews Nov 22, 2018
preview Add customize preview Sep 2, 2018
public fix custom domain Sep 8, 2018
src bugfix: set base font size on html element Dec 8, 2018
tests/unit first test Sep 10, 2018
.browserslistrc init Aug 9, 2018
.eslintrc.js the beginning Aug 10, 2018
.gitignore test examples Aug 21, 2018
.postcssrc.js init Aug 9, 2018
.prettierrc the beginning Aug 10, 2018
README.md Rename title Nov 29, 2018
babel.config.js Input style tweaks Oct 11, 2018
jest.config.js test copy field Oct 6, 2018
package.json Fix prettier issue Nov 27, 2018
vue.config.js fix media query for lib Aug 22, 2018
yarn.lock Update vue-docgen-api Nov 29, 2018

README.md

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