Skip to content

Vue Design System is an open-source tool for prototyping UI design systems.

License

Notifications You must be signed in to change notification settings

benbrignell/vue-design-system

 
 

Repository files navigation

Build status Dependencies status MIT License

Vue Design System

Vue Design System is an open-source tool for prototyping UI design systems. It provides you and your team a set of organized tools, patterns & practices to build upon, so that you can get started with the actual design system faster.

The tool is built on top of Vue.js, Vue Styleguidist, Vue Webpack Template & Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.

Even though this is a system prototyping tool first and foremost, it has all the means to turn into your organization’s actual design system in the end.

Made by @viljamis and other contributors. See also the official website of Vue Design System.

Screenshot

Features

  • A set of interconnected patterns & practices for you and your team.
  • Global design tokens that can be used inside any component.
  • Simple and sane SVG icon and @font-face defaults.
  • Live reloading for both the app and the system documentation.
  • Automatic generation of documentation.
  • Documentation and the app logic are separated, so you can have public docs while the app itself is private.
  • Autoprefixing, SCSS, Webpack & CSS extraction included by default (Extend with lint-on-save & unit tests).
  • And more…

Documentation

Examples

Roadmap

Changelog

  • 0.4.2 is the latest release.
  • See Releases page for the full changelog.

Authors and License

Viljami Salminen, Artem Sapegin, Rafael Escala, react-styleguidist contributors, vue-styleguidist contributors, Vue.js contributors, vue-webpack-boilerplate contributors and & Theo contributors.

Licensed under the MIT license.

About

Vue Design System is an open-source tool for prototyping UI design systems.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 50.6%
  • Vue 28.9%
  • CSS 20.0%
  • HTML 0.5%