visualjerk / Vue Cion Design System
Licence: mit
CION - Design system boilerplate for Vue.js
Stars: ✭ 119
Projects that are alternatives of or similar to Vue Cion Design System
Vue Design System
An open source tool for building UI Design Systems with Vue.js
Stars: ✭ 2,077 (+1645.38%)
Mutual labels: design-system, design-systems, components
Design System
Priceline.com Design System
Stars: ✭ 604 (+407.56%)
Mutual labels: design-system, design-systems, components
Clarity
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Stars: ✭ 6,398 (+5276.47%)
Mutual labels: design-system, components
Vuedarkmode
👩🎨👨🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.
Stars: ✭ 1,034 (+768.91%)
Mutual labels: design-system, components
Css
The CSS design system that powers GitHub
Stars: ✭ 10,670 (+8866.39%)
Mutual labels: design-system, design-systems
Fast
The adaptive interface system for modern web experiences.
Stars: ✭ 6,532 (+5389.08%)
Mutual labels: design-systems, components
Design System Components
🛠 Component code and tests for the Australian Government design system
Stars: ✭ 696 (+484.87%)
Mutual labels: design-systems, components
Ivory
A modern CSS framework for developing powerful web interfaces faster and easier.
Stars: ✭ 61 (-48.74%)
Mutual labels: design-system, components
Community Group
This is the official DTCG repository for the design tokens specification.
Stars: ✭ 480 (+303.36%)
Mutual labels: design-system, design-systems
Kit
Tools for developing, documenting, and testing React component libraries
Stars: ✭ 1,201 (+909.24%)
Mutual labels: design-systems, components
Vitamin Web
Decathlon Design System libraries for web applications
Stars: ✭ 70 (-41.18%)
Mutual labels: design-system, components
Interior
Design system for the modern web.
Stars: ✭ 77 (-35.29%)
Mutual labels: design-system, design-systems
Shards React
⚛️A beautiful and modern React design system.
Stars: ✭ 639 (+436.97%)
Mutual labels: design-system, components
Iview
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 23,930 (+20009.24%)
Mutual labels: design-systems, components
Mineral Ui
A design system and React component library for the web brought to you by CA Technologies.
Stars: ✭ 533 (+347.9%)
Mutual labels: design-systems, components
Stylable
Stylable - CSS for components
Stars: ✭ 1,109 (+831.93%)
Mutual labels: design-system, components
Calcite Components
Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!
Stars: ✭ 96 (-19.33%)
Mutual labels: design-system, components
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️ Tailwind Components
Stars: ✭ 382 (+221.01%)
Mutual labels: design-system, design-systems
React95
🌈🕹 Refreshed Windows 95 style UI components for your React app
Stars: ✭ 4,877 (+3998.32%)
Mutual labels: design-system, components
Design System Starter
🚀 The Australian Government Design System - Starter
Stars: ✭ 61 (-48.74%)
Mutual labels: design-systems, components
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
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
Projects that use CION
- Human Connection Styleguide: https://styleguide.human-connection.org/
License
MIT License - Copyright (c) Jörg Bayreuther
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].