https://github.com/human-connection/nitro-styleguide

Human-Connection Styleguide
https://github.com/human-connection/nitro-styleguide

design-system styleguide

Last synced: about 4 hours ago
JSON representation

Human-Connection Styleguide

• Host: GitHub
• URL: https://github.com/human-connection/nitro-styleguide
• Owner: Human-Connection
• Created: 2019-02-12T13:36:02.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2021-08-03T04:21:01.000Z (over 3 years ago)
• Last Synced: 2023-02-28T10:27:18.652Z (over 1 year ago)
• Topics: design-system, styleguide
• Language: CSS
• Homepage: https://styleguide.human-connection.org
• Size: 21.4 MB
• Stars: 8
• Watchers: 12
• Forks: 5
• Open Issues: 45
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Human-Connection Styleguide

[![Build Status](https://img.shields.io/travis/com/Human-Connection/Nitro-Styleguide/master.svg)](https://travis-ci.com/Human-Connection/Nitro-Styleguide)

[![npm](https://img.shields.io/npm/v/@human-connection/styleguide.svg)](https://www.npmjs.com/package/@human-connection/styleguide)

CION is a Design System build primary for Vue 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.human-connection.org

Landing page demo: https://cion.visualjerk.de

Integrate it in your application: [Quick Start](https://github.com/visualjerk/vue-cion-design-system/wiki/Quick-Start)

[![Screenshot](./preview/customize.png)](https://github.com/visualjerk/vue-cion-design-system/raw/master/preview/customize.png)

## 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

```