# React SDK

`@feathery/react` is a library you can use to embed a Feathery form anywhere in your React app or website. It also supports granular customization of your form logic, components, and design.

### What you need <a href="#what-you-need" id="what-you-need"></a>

* An active [Feathery](https://feathery.io/) account and form
* Your form's ID. This can be found on the form's settings page on the dashboard.

### Installation

You can install `@feathery/react` directly from NPM.

{% tabs %}
{% tab title="NPM" %}

```
npm install @feathery/react
```

{% endtab %}

{% tab title="Yarn" %}

```
yarn add @feathery/react
```

{% endtab %}
{% endtabs %}

`@feathery/react` is compatible with React 16.8+ (the one with React Hooks).

### Quickstart example <a href="#quickstart-example" id="quickstart-example"></a>

The following is a React component that renders a Feathery form. Make sure to replace `SDKKey` and `formId` with your relevant info.

```jsx
import { init, Form } from '@feathery/react';

function App() {
  // Initialize Feathery
  init('<SDKKey>');
  // Show the Feathery form
  return <Form formId='<formId>' />
}
```

### [API Guide](https://docs.feathery.io/develop/react/api-guide) <a href="#api-guide" id="api-guide"></a>