# 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>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.manifold.xyz/manifold-for-developers/guides/getting-started.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.