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
yarn install
Compiles and hot-reloads living styleguide
yarn dev
Compiles living styleguide to ./docs
yarn build
Compiles design system as a library to ./dist
yarn build:lib
yarn serve
yarn lint
- Human Connection Styleguide: https://styleguide.human-connection.org/
MIT License - Copyright (c) Jörg Bayreuther