> ## 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.

# Overview

Blocks are the atomic building blocks of a typebot chat. You can chain any blocks together to create complexe conversation flows. When you drag and drop a block in the typebot flow, by default it will be inserted into a group that can have a title. Blocks are always contained in groups.

There are multiple block categories to make it easier to find the right block for your needs:

## Bubbles

Bubble blocks are used to show bubbles that can be used to display information to the user.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/typebot/_A9p16JCEDI2EkLF/images/blocks/bubbles.png?fit=max&auto=format&n=_A9p16JCEDI2EkLF&q=85&s=5a33ba81ef5dd343818966fe37e432c8" alt="Bubble blocks" width="950" height="466" data-path="images/blocks/bubbles.png" />
</Frame>

## Inputs

Input blocks are used to ask the user for input. It will stop the conversation and for the user to provide input.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/typebot/_A9p16JCEDI2EkLF/images/blocks/inputs.png?fit=max&auto=format&n=_A9p16JCEDI2EkLF&q=85&s=a840a2b70f719471a028423b4b8f7454" alt="Input blocks" width="954" height="916" data-path="images/blocks/inputs.png" />
</Frame>

## Logic

Logic blocks are used to perform background operations. They are not visible to the users.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/typebot/bR67_tMY0NAThQSS/images/blocks/logic.png?fit=max&auto=format&n=bR67_tMY0NAThQSS&q=85&s=157ba6f6a7bbf0607aa9e6a726bd2499" alt="Logic blocks" width="960" height="610" data-path="images/blocks/logic.png" />
</Frame>

## Integrations

Integration blocks are used to trigger external services operations.

<Note>
  Interested in implementing your own integration block? Head over to [The
  Forge](/contribute/the-forge/overview) to easily create your block.
</Note>

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/typebot/bR67_tMY0NAThQSS/images/blocks/integrations.png?fit=max&auto=format&n=bR67_tMY0NAThQSS&q=85&s=1c639ccaba23cabc0959529d372453f4" alt="Integration blocks" width="958" height="916" data-path="images/blocks/integrations.png" />
</Frame>
