> ## Documentation Index
> Fetch the complete documentation index at: https://about.sendforsign.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Get started with Sendforsign React Components.

## React SDK Overview

The SFS React SDK is a collection of pre-built React components that are integrated with the SFS API.
These components are capable of displaying and interacting with data provided by the API. Platforms can use
these UI Components to develop React-based web applications for their clients, leveraging the power of the SFS API.

## Supported browsers

SFS UI Components support the five latest versions of major browsers: Chrome, Firefox, Safari, Edge, Opera.

<Check>As of this release, the SFS React SDK is optimized for desktop, tablets and mobile use.</Check>

## Installation

Before using Sendforsign React components, you must first install the React SDK and API SDK packages
available on the NPM and Yarn directories. To install:

<CodeGroup>
  ```npm npm theme={null}
  npm i sendforsign
  ```

  ```yarn yarn theme={null}
  yarn global add sendforsign
  ```
</CodeGroup>

## Usage

Before using components from the React SDK, see the [First document use case](/usecase/firstdoc) to set up your
platform account and get the API key.

We also assume you have already mapped out your customers and their users as Clients and Client users in SFS,
and that you have the ability to:

* look up the SFS Client user key for the user who is logged in to your application;
* look up the SFS Client key to which the user belongs.

When a Client user logs in to your application, look up the Client key and User key for that user.
Once you have a User key and a Client key, you can initialize the SFS client and components.

<CodeGroup>
  ```typescript App.tsx theme={null}
  import { ContractEditor } from 'sendforsign';
  ```
</CodeGroup>

## Run the application

<CodeGroup>
  ```npm npm theme={null}
  npm run start
  ```
</CodeGroup>