storyblok-design-system

Storyblok's Design System

This Design System is an open-source collection of components that are used in https://app.storyblok.com and is continiously developed to improve Storyblok.

Demo

You can see the Design System live under https://blok.ink

Compatibility

The storyblok-design-system is compatible with Vue 2 only. For Vue 3, please use the @storyblok/design-system package.

Project setup

yarn install # or npm run install

Execute Storybook

yarn storybook

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

Usage

To learn how to use the Storyblok's Design System in your project go to: https://www.storyblok.com/docs/guide/in-depth/design-system

Thanks to

Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions.

---

Powered by Storyblok