> For the complete documentation index, see [llms.txt](https://docs.quadrata.com/integration/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quadrata.com/integration/how-to-integrate/onboard-users/all-in-one-passport-onboarding/1.-installation.md).

# 1. Installation

## Install Quadrata Packages

#### Install Quadrata Wrapper React npm package:

```sh
yarn add @quadrata/core-react@latest
yarn add @quadrata/quadrata-react@latest

# optional package to load QuadPassport ABI
yarn add @quadrata/contracts@latest

# or npm install @quadrata/core-react@latest
# or npm install @quadrata/quadrata-react@latest
# or npm install @quadrata/contracts@latest
```

#### Load CSS

Import the `quadrata-ui.min.css` file to your project:

```tsx
import '@quadrata/core-react/lib/cjs/quadrata-ui.min.css';
```