# @wistia/vhs

[![npm version](https://img.shields.io/npm/v/@wistia/vhs)](https://www.npmjs.com/package/@wistia/vhs)
[![Download NPM](https://img.shields.io/npm/dm/@wistia/vhs)](https://www.npmjs.com/package/@wistia/vhs)

VHS is [Wistia's design system](https://wistia.github.io/vhs/), and [`@wistia/vhs`](https://www.npmjs.com/package/@wistia/vhs) is our opinionated component library for building React UIs.

## Docs

- [Architecture]
- [Versioning]
- [Walkthrough: Installing VHS in your app]
- [Walkthrough: Working with local VHS in your app]
- [Walkthrough: Publishing a new version of VHS]
- [Walkthrough: Adding a new icon]
- [VHS Working Group]

[architecture]: docs/architecture.md
[versioning]: docs/versioning.md
[walkthrough: installing vhs in your app]: docs/installing-vhs.md
[walkthrough: working with local vhs in your app]: docs/working-with-local-vhs-in-app.md
[walkthrough: publishing a new version of vhs]: docs/publishing.md
[walkthrough: adding a new icon]: docs/adding-a-new-icon.md
[vhs working group]: docs/vhs-working-group.md