.mint-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}
.mint-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}
.mint-mb-10 {
    margin-bottom: 2.5rem
}
.mint-mb-20 {
    margin-bottom: 5rem
}
.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-flex {
    display: flex
}
.mint-grid {
    display: grid
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-gap-2 {
    gap: 0.5rem
}
.mint-gap-4 {
    gap: 1rem
}
.mint-rounded-lg {
    border-radius: 0.5rem
}
.mint-border {
    border-width: 1px
}
.mint-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.mint-bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity))
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.mint-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.mint-pb-2 {
    padding-bottom: 0.5rem
}
.mint-pb-20 {
    padding-bottom: 5rem
}
.mint-text-center {
    text-align: center
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.mint-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-font-medium {
    font-weight: 500
}
.mint-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.mint-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:mint-bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
}
.hover\:mint-bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}
.focus\:mint-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.focus\:mint-ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:mint-ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))
}
.focus\:mint-ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}
@media (min-width: 640px) {
    .sm\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 768px) {
    .md\:mint-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:mint-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

Documentation

Botpress

Understand the Botpress documentation and start building.

Welcome to Botpress

Build, test, and deploy your first AI agent.

Quick Start

Start building bots that work for your needs.

Learn by Doing

Advanced Starter Template

Manage the 128 KB state size limit in Botpress by optimizing workflows, clearing unused variables, and minimizing large data usage.

State Management

Tips to optimize AI Cost

For Developers

Introduction

Introduction to integrations

Get Started

Get Started Developing Integrations

Messaging

Integration for Messaging Channels

Concepts

Integrations Concepts

Publish on Botpress Hub

Publish your integration on Botpress Hub

Introduction to interfaces

How to implement interfaces

How to implement an interface in your integration

Implement HITL

Implementing Human in the loop (HITL) in an integration

Implement File Sync

Implementing unidirectional file synchronization in an integration

Introduction to Webchat

Use the Webchat injection script to add a bot to your website.

Style your Webchat

Use the React library to build a basic Webchat component.

Build your first Webchat component

Add a bot to your WordPress website using Webchat.

WordPress

Add a bot to your Wix website using Webchat.

Add a bot to your Webflow website using Webchat.

Documentation

Guides

Webchat

Chat API

Build an integration

Knowledge Base

API Reference

Community

Browse by Concept

Workflows

Tables

Knowledge Bases

Conversations

Events

Actions

Hooks

Integrations

Variables

Emulator

Execute Code

AI Task

AI Transition

AI Generate Text

Agents