# Getting Started

## Step 1: Creating a Developer Account

Visit <https://developer.manifoldxyz.dev/> to create a developer account.

## Step 2: Create an App&#x20;

Login to your account on <https://developer.manifoldxyz.dev/> and go to the **Dashboard**. The Dashboard is where you will see a list of your [**Apps**](https://docs.manifold.xyz/manifold-for-developers/resources/apps).

<img src="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2FQCzRCIZKUtqQZeb1Y2sb%2Fimage.png?alt=media&#x26;token=4a8e7156-779b-4712-8eca-33285df15bac" alt="" data-size="original">

Every widget must be configured with an [**App**](https://docs.manifold.xyz/manifold-for-developers/resources/apps).  An [**App**](https://docs.manifold.xyz/manifold-for-developers/resources/apps) allows an end user to see who they are interacting with.

Click <mark style="color:blue;">`CREATE APP`</mark> to make a new [**App**](https://docs.manifold.xyz/manifold-for-developers/resources/apps). You will be greeted with the following screen:

![](https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2FwH2CQdPYGzdMbGjNgUkv%2FScreen%20Shot%202022-11-03%20at%2012.37.24%20PM.png?alt=media\&token=b5f87741-a315-4252-8d3b-de75c4790a17)

* **App Name**: This name is customer facing and will be used for authentication messaging
* **App Description**: This is a description only visible to you on the developer dashboard
* **Redirect URI**: Put your domain url
* **Grant Type**: This is the authentication method. Choose `Signature Grant`

Click <mark style="color:blue;">`CREATE`</mark>.

## Step 3: Add Manifold Widgets to your Website

Add widgets to your website with just a few lines of code. Pick one of the following guides that suit what you want to do.

<details>

<summary>HTML</summary>

[Basics](https://docs.manifold.xyz/manifold-for-developers/html#basics)

[Examples](https://docs.manifold.xyz/manifold-for-developers/html#examples)

</details>

<details>

<summary>React</summary>

[Basics](https://docs.manifold.xyz/manifold-for-developers/react#basics)

[Examples](https://docs.manifold.xyz/manifold-for-developers/react#examples)

</details>

<details>

<summary>Squarespace</summary>

Basics

Examples

</details>

<details>

<summary>Vercel</summary>

Basics

Examples

</details>

<details>

<summary>Vue</summary>

[Basics](https://docs.manifold.xyz/manifold-for-developers/vue#basics)

[Examples](https://docs.manifold.xyz/manifold-for-developers/vue#examples)

</details>

<details>

<summary>Wix</summary>

Basics

Examples

</details>

## Example Repository

{% embed url="<https://github.com/manifoldxyz/manifold-templates>" %}