> For the complete documentation index, see [llms.txt](https://docs.manifold.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.manifold.xyz/manifold-for-developers/guides/getting-started.md).

# 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**](/manifold-for-developers/resources/apps.md).

<img src="/files/wGmCts5qyicDWENRRRiQ" alt="" data-size="original">

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

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

![](/files/bb8OLqQQTLO5Oh3Zn1uQ)

* **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](/manifold-for-developers/guides/html.md#basics)

[Examples](/manifold-for-developers/guides/html.md#examples)

</details>

<details>

<summary>React</summary>

[Basics](/manifold-for-developers/guides/react.md#basics)

[Examples](/manifold-for-developers/guides/react.md#examples)

</details>

<details>

<summary>Squarespace</summary>

Basics

Examples

</details>

<details>

<summary>Vercel</summary>

Basics

Examples

</details>

<details>

<summary>Vue</summary>

[Basics](/manifold-for-developers/guides/vue.md#basics)

[Examples](/manifold-for-developers/guides/vue.md#examples)

</details>

<details>

<summary>Wix</summary>

Basics

Examples

</details>

## Example Repository

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