.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

Introduction to Webchat

Use the Webchat embed code to add a bot to your website.

Style your Webchat

Manually open or close Webchat on your website.

Open/close your Webchat

Provide your bot with data about the current user.

Send user data to your bot

Listen for when Webchat opens, closes, raises an error, and more.

Listen to events

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.

Webflow

Use the React library to build a basic Webchat component.

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