> For the complete documentation index, see [llms.txt](https://helpscout.gitbook.io/hsds-react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpscout.gitbook.io/hsds-react/quick-start.md).

# Quick start

This guide will show you how to get started with Blue!

## Installation

The first thing you'll need to do, is add Blue to your React project. This can be done by adding the [latest version](https://github.com/helpscout/hsds-react/releases) to your `package.json` file.

Or, even faster, you can run:

```
npm install @helpscout/hsds-react --save
```

## React (v16.8+)

HSDS has a couple of `peerDependencies`:

* [`react`](https://www.npmjs.com/package/react)
* [`react-dom`](https://www.npmjs.com/package/react-dom)

Make sure you have these installed in your project.

HSDS currently runs on **React version ^16**.

### CSS-in-HSDS

HSDS is powered by [Styled components](https://styled-components.com/).