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

# Create a new block

![A blue robot forging a new block](https://mintcdn.com/typebot/rHkgfCATWjP6ntzz/images/contribute/forging-robot.png?fit=max\&auto=format\&n=rHkgfCATWjP6ntzz\&q=85\&s=dd0ac4148f12f39f5e0b1f9df1a122e7)

Creating a new block on Typebot is pretty easy and straightforward using our in-house framework [The Forge](https://docs.typebot.com/contribute/the-forge/overview.md).

> [!NOTE]
>
> If you are considering merging this new block to the official Typebot
> repository, make sure to open a [Github
> issue](https://github.com/baptisteArno/typebot.io/issues/new) first. This will
> allow us to discuss the specification and the best way to implement it.

1. [Install the project locally](https://docs.typebot.com/contribute/guides/local-installation.md)

2. Create a new branch:

   ```sh theme={null}
   git checkout -b MY_BRANCH_NAME
   ```

3. Create your new block using the [Forge CLI](https://docs.typebot.com/contribute/the-forge/overview.md#forge-cli):

   ```sh theme={null}
   bun create-new-block
   ```

4. The files should be generated in `packages/forge/blocks/YOUR_BLOCK_NAME`

5. Add the block's SVG logo in `packages/forge/blocks/YOUR_BLOCK_NAME/src/logo.tsx`

6. Right away you should be able to [run the application](https://docs.typebot.com/contribute/guides/local-installation.md#running-the-project-locally) and see your newly-created logo in the sidebar of the editor.

7. Create a new action in the `packages/forge/blocks/YOUR_BLOCK_NAME/src/actions` folder. See [Action](https://docs.typebot.com/contribute/the-forge/action.md) for more information.

8. List this action in the `actions` array in `packages/forge/blocks/YOUR_BLOCK_NAME/src/index.ts`

9. Implement the action handler in `packages/forge/blocks/YOUR_BLOCK_NAME/src/handlers.ts`. See [Run](https://docs.typebot.com/contribute/the-forge/run.md) for more information.

10. To go further, check out the [Forge documentation](https://docs.typebot.com/contribute/the-forge/overview.md).

Make sure to check out other blocks implementations in the [packages/forge/blocks](https://github.com/baptisteArno/typebot.io/tree/main/packages/forge/blocks) folder.

## Video tutorials

> [accordion] NocoDB block
>
> [Youtube video](https://www.youtube.com/embed/0bleJ5uBgd4)

> [accordion] Elevenlabs block
>
> [Youtube video](https://www.youtube.com/embed/PUQtzbpGd14)

Make sure to join our [Discord community](https://typebot.io/discord) to participate to these weekly office hours.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.