# 1. Installation

## Install Quadrata Client NPM Package

#### Install Quadrata npm package:

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

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

# or npm install @quadrata/client-react@latest
# or npm install @quadrata/core-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';
```