Typebot is an open-source, no-code platform for building and deploying advanced chatbots that go beyond simple Q&A — enabling quizzes, surveys, lead generation, and 24/7 support workflows. Designed for marketers, support teams, and developers, it solves the problem of rigid, vendor-locked chat solutions by offering full control over bot logic, design, and data. Built with Next.js and Tailwind CSS, Typebot supports self-hosting via Docker, offers a REST API, and integrates with tools like OpenAI, Stripe, Google Sheets, and Zapier.
The platform is built on a modular block system with 45+ visual components, supports custom CSS theming, and deploys seamlessly as embedded containers, popups, chat bubbles, or via HTTP requests. Its analytics dashboard tracks drop-off and completion rates, and all data is exportable to CSV. Typebot’s Fair Source license ensures community-driven development while funding ongoing maintenance.
What You Get
- Visual Chat Builder with 45+ Blocks - Drag-and-drop interface with text, image, video, audio, buttons, date pickers, file uploads, and Stripe payment inputs to create complex conversational flows without code.
- Advanced Logic & Branching - Conditional paths, URL redirections, and JavaScript scripting to handle dynamic user inputs and multi-step workflows.
- Multi-Channel Deployment - Embed bots as containers, popups, or chat bubbles using a lightweight JS library; also deploy via custom domains or execute via HTTP requests.
- Custom Theming & CSS - Fully customize fonts, colors, shadows, border radius, and apply reusable theme templates to match brand identity with pixel-perfect control.
- Real-Time Analytics & CSV Export - Track drop-off rates, completion rates, and user interactions; export all bot responses and form data to CSV for deeper analysis.
- OpenAI & Third-Party Integrations - Connect to OpenAI for generative AI responses, Google Sheets, Google Analytics, Meta Pixel, Zapier, Make.com, Chatwoot, and more via webhooks and native integrations.
- Self-Hosting with Docker - Deploy Typebot on your own infrastructure with full data ownership; no vendor lock-in, with documented installation guides and environment variables.
- REST API for Developers - Programmatically create, update, and trigger bots using documented APIs for integration into existing apps or automation pipelines.
Common Use Cases
- Marketing Lead Generation - A SaaS company uses Typebot to run interactive quizzes on their landing page, capturing emails and qualifying leads with conditional logic before passing them to CRM.
- 24/7 Customer Support Bot - An e-commerce brand deploys a Typebot chat bubble on their site to answer FAQs, process returns, and escalate issues to human agents via Chatwoot integration.
- Internal HR Onboarding Bot - A remote team uses Typebot to automate new hire paperwork collection, schedule orientation sessions, and collect feedback via embedded forms across Slack and their intranet.
- Sales Qualification Bot - A B2B startup runs a Typebot-powered chat on their pricing page to ask qualifying questions, then auto-schedules demos in Calendly based on user responses and payment intent.
Under The Hood
Architecture
- Monorepo structured with NX to isolate applications and shared packages, enforcing clear domain boundaries and modularity
- Service layer designed with dedicated packages for business logic (bot-engine, conditions, variables), decoupled from UI via well-defined interfaces
- Dependency injection patterns used across core and runtime packages to enhance testability and extensibility
- Prisma ORM with schema-first design ensures type-safe data access across all data layers
- Next.js applications leverage server components and API routes to maintain separation between presentation, logic, and data
- Docker Compose orchestrates isolated services with shared volumes and networks for consistent development and deployment environments
Tech Stack
- Monorepo managed by Nx with TypeScript, Next.js, and Vite for unified build and testing workflows
- PostgreSQL and Redis form the core data and caching layer, with MinIO for S3-compatible storage and Grafana for observability
- Frontend built with Next.js, Tailwind CSS, and Biome for consistent styling and code formatting
- Test infrastructure powered by Vitest and Playwright, with Husky for pre-commit validation
- CI/CD pipeline via Fly.io, using Bun as the package manager and Tolgee for internationalization
Code Quality
- Extensive test coverage spanning unit, integration, and end-to-end scenarios with robust assertions on state and UI behavior
- Strong type safety enforced through Zod schemas and recursive discriminant unions, enabling reliable parsing of dynamic block structures
- Clean, domain-driven code organization with clear separation between apps, libraries, and utilities
- Consistent naming conventions and descriptive identifiers that reflect domain semantics
- Error handling prioritizes schema validation and compile-time checks over runtime exceptions
- Comprehensive linting and type-checking practices ensure correctness at both development and build stages
What Makes It Unique
- Graph-based visual block system enables non-code workflow authoring for complex chatbot logic
- Native ORPC-based API architecture unifies backend services into a single, type-safe interface across micro-features
- Real-time React snippet generator dynamically produces embeddable, Prettier-formatted chatbot components
- Deeply integrated WhatsApp and Google Sheets blocks provide low-latency data flow within the visual editor
- Fully self-hostable and open architecture with no vendor lock-in, empowering users to extend and modify core behavior