Built for Your Team

A set of interconnected patterns & practices for you and your team with comprehensive documentation.

Naming of Things

A well thought-out terminology, naming conventions, and hierarchy for the whole design system to save time.

Component Status WIP

Get an automated overview of how your design system progresses over time and what’s still left to do.

Design Tokens

Global design tokens in YAML format that you can use inside any component. In both CSS and JavaScript.

Living Docs

Automatic generation of living, user editable documentation using custom version of Vue Styleguidist.

Publish via NPM

Easily export and use your Design System as an NPM dependency in another Vue.js project (or anywhere really).

Faster Workflow

Create a token, an element, or a pattern, and it’s immediately available across all your Vue.js components.

Code Formatting

Pre-configured Prettier setup for auto-formatting code on both save and before committing changes to Git.

Configurable

Live Reloading, Autoprefixing, SCSS and helper functions + good defaults for SVG and Webfont usage out-of-the-box.