{"id":22484582,"url":"https://github.com/visualjerk/vue-cion-design-system","last_synced_at":"2025-08-02T17:33:20.112Z","repository":{"id":38744403,"uuid":"145231379","full_name":"visualjerk/vue-cion-design-system","owner":"visualjerk","description":"CION - Design system boilerplate for Vue.js","archived":false,"fork":false,"pushed_at":"2022-12-10T17:34:12.000Z","size":27678,"stargazers_count":140,"open_issues_count":54,"forks_count":24,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-05-05T13:32:48.108Z","etag":null,"topics":["components","design-system","design-systems","design-tokens","living-documentation","livingstyleguide","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://cion.visualjerk.de","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/visualjerk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-08-18T15:30:49.000Z","updated_at":"2024-03-14T21:03:21.000Z","dependencies_parsed_at":"2023-01-26T05:31:32.752Z","dependency_job_id":null,"html_url":"https://github.com/visualjerk/vue-cion-design-system","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visualjerk%2Fvue-cion-design-system","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visualjerk%2Fvue-cion-design-system/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visualjerk%2Fvue-cion-design-system/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visualjerk%2Fvue-cion-design-system/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/visualjerk","download_url":"https://codeload.github.com/visualjerk/vue-cion-design-system/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228499905,"owners_count":17929980,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","design-system","design-systems","design-tokens","living-documentation","livingstyleguide","vue","vuejs"],"created_at":"2024-12-06T17:11:11.029Z","updated_at":"2025-08-02T17:33:20.089Z","avatar_url":"https://github.com/visualjerk.png","language":"HTML","funding_links":[],"categories":["HTML","Resources","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) ★101652](https://github.com/sindresorhus/awesome)","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Examples [🔝](#readme)"],"sub_categories":["Examples"],"readme":"# CION - Design system boilerplate for Vue.js\n\nCION is a **design system** build primarily for **Vue.js applications**. You can use it as a starting point for building your own design system.\n\nThe system utilizes design tokens, a living styleguide with integrated code playgrounds and reusable components for common UI tasks.\n\nLiving styleguide demo: https://styleguide.cion.visualjerk.de\n\nLanding page demo: https://cion.visualjerk.de\n\nIntegrate it in your application: [Usage](https://cion.visualjerk.de/#usage)\n\n[![Screenshot](./preview/customize.png)](https://github.com/visualjerk/vue-cion-design-system/raw/master/preview/customize.png)\n\n## Project setup\n```\nyarn install\n```\n\n## Developing\n\nCompiles and hot-reloads living styleguide\n\n```\nyarn dev\n```\n\n## Building\n\n### Living styleguide\n\n\nCompiles living styleguide to `./docs`\n\n```\nyarn build\n```\n\n### Library\n\nCompiles design system as a library to `./dist`\n\n```\nyarn build:lib\n```\n\n## Helper\n\n### Serve living styleguide locally\n```\nyarn serve\n```\n\n### Lints and fixes files\n```\nyarn lint\n```\n\n## Projects that use CION\n\n* Human Connection Styleguide: https://styleguide.human-connection.org/\n\n## License\n[MIT License](./LICENSE) - Copyright (c) Jörg Bayreuther\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvisualjerk%2Fvue-cion-design-system","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvisualjerk%2Fvue-cion-design-system","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvisualjerk%2Fvue-cion-design-system/lists"}