# Bubble

```json
{
  "name": "Bubble",
  "slug": "bubble",
  "url": "https://composio.dev/toolkits/bubble",
  "markdown_url": "https://composio.dev/toolkits/bubble.md",
  "logo_url": "https://logos.composio.dev/api/bubble",
  "categories": [
    "developer tools & devops"
  ],
  "is_composio_managed": false,
  "updated_at": "2026-05-12T10:04:23.724Z"
}
```

![Bubble logo](https://logos.composio.dev/api/bubble)

## Description

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Bubble MCP or direct API to automate workflows, create and update app data, trigger actions, and pull dynamic content through natural language.

## Summary

Bubble is a visual programming platform for building web apps without code. It empowers anyone to create, launch, and scale interactive applications quickly.

## Categories

- developer tools & devops

## Toolkit Details

- Tools: 15

## Images

- Logo: https://logos.composio.dev/api/bubble

## Authentication

- **Api Key**
  - Type: `api_key`
  - Description: Api Key authentication for Bubble.
  - Setup:
    - Configure Api Key credentials for Bubble.
    - Use the credentials when creating an auth config in Composio.

## Suggested Prompts

- Create a new user in my Bubble app
- Update a record in the Bubble database
- Fetch all orders from my Bubble store
- Delete a specific entry in Bubble

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `BUBBLE_DATA_BULK_CREATE_THINGS` | Bulk Create Things | Tool to bulk create multiple Things in Bubble via newline-separated JSON. Use when you need to insert many records at once. Must have Create via API permission. |
| `BUBBLE_DATA_CREATE_THING` | Create Thing | Tool to create a new Thing. Use when providing a complete JSON payload to add a new record. |
| `BUBBLE_DATA_DELETE_THING_BY_ID` | Delete Thing By ID | Tool to delete a Bubble Thing by its unique ID. Use when you need to remove a specific record via the Bubble Data API. |
| `BUBBLE_DATA_GET_THING_BY_ID` | Get Thing By ID | Retrieves a single Thing (record) from a Bubble Data Type by its unique ID. This is a read-only operation that fetches complete details of a specific record. The response includes all custom fields defined in the Data Type, plus standard Bubble fields (_id, created_by, created_date, modified_date). Use when you need to: - Fetch details of a specific record you know the ID of - Verify a record exists - Get the latest field values for a Thing Note: Requires the Data API to be enabled in your Bubble app settings and the specific Data Type to be exposed via the API. |
| `BUBBLE_DATA_PATCH_THING_BY_ID` | Patch Thing By ID | Tool to modify selected fields on a Thing by its unique ID. Use after confirming the Thing exists. |
| `BUBBLE_DATA_PUT_REPLACE_THING_BY_ID` | Replace Thing by ID | Tool to replace all editable fields on a Thing by its Unique ID. Use when you need a full overwrite of a Thing's fields and reset omitted fields to default. |
| `BUBBLE_FILE_DOWNLOAD` | Download File | Tool to download a file given its URL. Use when you need to retrieve file content and obtain an s3key for subsequent upload tests. |
| `BUBBLE_FILE_TEMP_CREATE` | Create Temp File | Tool to upload bytes as a temporary file to Cloudflare R2 and return an S3 key. Use when you need a short-lived file reference before persisting it in a Thing. |
| `BUBBLE_FILE_UPLOAD` | Upload File | Tool to upload a file to Bubble storage. Use when you need to store arbitrary files via Bubble's /fileupload endpoint. |
| `BUBBLE_META_GET_SWAGGER_JSON` | Get Bubble API Swagger JSON | Tool to retrieve the auto-generated Swagger JSON for enabled APIs. Use after enabling the Swagger file in your Bubble app's API settings. |
| `BUBBLE_O_AUTH_ACCESS_TOKEN` | Get OAuth Access Token | Tool to exchange an authorization code or refresh token for an OAuth2 access token. Use after obtaining an authorization code or when refreshing an expired token. |
| `BUBBLE_OAUTH_AUTHORIZE` | OAuth Authorize | Tool to initiate OAuth2 authorization flow for Bubble. Use when setting up third-party login integration. Returns the URL for user-agent redirection to obtain an authorization code. |
| `BUBBLE_O_AUTH_REGISTER_APP` | Bubble OAuth Register App | Tool to validate/initialize OAuth application credentials with Bubble. It performs a real call to Bubble's /oauth/authorize endpoint (or provided override) using client_id and redirect_uri to confirm connectivity and returns supplied credentials. |
| `BUBBLE_WORKFLOW_TRIGGER_GET` | Trigger Bubble Workflow via GET | Trigger a Bubble API workflow using an HTTP GET request. API workflows are server-side workflows in Bubble that can be triggered externally. Use GET for simple workflows that don't require a request body (parameters passed as query strings). For workflows requiring complex data or file uploads, use the POST version instead. Before using: The workflow must be created in Bubble's workflow editor and marked as "Expose as a public API workflow". The Bubble app must have API access enabled in its subscription. |
| `BUBBLE_WORKFLOW_TRIGGER_POST` | Trigger Bubble Workflow via POST | Triggers a Bubble API workflow by name using a POST request. Use this tool to execute backend workflows in your Bubble application. The workflow must be configured in your Bubble app's API Workflows section with "Expose as public API workflow" enabled. Pass any required parameters as a JSON object in the parameters field. |

## Supported Triggers

None listed.

## Installation and MCP Setup

### Path 1: SDK Installation

#### Path 1, Step 1: Install Composio

Install the Composio SDK
```python
pip install composio_openai
```

```typescript
npm install @composio/openai
```

#### Path 1, Step 2: Initialize Composio and Create Tool Router Session

Import and initialize Composio client, then create a Tool Router session
```python
from openai import OpenAI
from composio import Composio
from composio_openai import OpenAIResponsesProvider

composio = Composio(provider=OpenAIResponsesProvider())
openai = OpenAI()
session = composio.create(user_id='your-user-id')
```

```typescript
import OpenAI from 'openai';
import { Composio } from '@composio/core';
import { OpenAIResponsesProvider } from '@composio/openai';

const composio = new Composio({
  provider: new OpenAIResponsesProvider(),
});
const openai = new OpenAI({});
const session = await composio.create('your-user-id');
```

#### Path 1, Step 3: Execute Bubble Tools via Tool Router with Your Agent

Get tools from Tool Router session and execute Bubble actions with your Agent
```python
tools = session.tools
response = openai.responses.create(
  model='gpt-4.1',
  tools=tools,
  input=[{
    'role': 'user',
    'content': 'Create a new user record in my Bubble app with name Jane Doe and email jane@example.com'
  }]
)
result = composio.provider.handle_tool_calls(
  response=response,
  user_id='your-user-id'
)
print(result)
```

```typescript
const tools = session.tools;
const response = await openai.responses.create({
  model: 'gpt-4.1',
  tools: tools,
  input: [{
    role: 'user',
    content: 'Create a new user record in my Bubble app with name Jane Doe and email jane@example.com'
  }],
});
const result = await composio.provider.handleToolCalls(
  'your-user-id',
  response.output
);
console.log(result);
```

### Path 2: MCP Server Setup

#### Path 2, Step 1: Install Composio

Install the Composio SDK and Claude Agent SDK
```python
pip install composio claude-agent-sdk
```

```typescript
npm install @composio/core ai @ai-sdk/openai @ai-sdk/mcp
```

#### Path 2, Step 2: Create Tool Router Session

Initialize the Composio client and create a Tool Router session
```python
from composio import Composio
from claude_agent_sdk import ClaudeSDKClient, ClaudeAgentOptions

composio = Composio(api_key='your-composio-api-key')
session = composio.create(user_id='your-user-id')
url = session.mcp.url
```

```typescript
import { Composio } from '@composio/core';

const composio = new Composio({ apiKey: 'your-api-key' });

console.log("Creating Tool Router session...");
const { mcp } = await composio.create('your-user-id');
console.log(`Tool Router session created: ${mcp.url}`);
```

#### Path 2, Step 3: Connect to AI Agent

Use the MCP server with your AI agent
```python
import asyncio

options = ClaudeAgentOptions(
    permission_mode='bypassPermissions',
    mcp_servers={
        'tool_router': {
            'type': 'http',
            'url': url,
            'headers': {
                'x-api-key': 'your-composio-api-key'
            }
        }
    },
    system_prompt='You are a helpful assistant with access to Bubble tools.',
    max_turns=10
)

async def main():
    async with ClaudeSDKClient(options=options) as client:
        await client.query('Create a new user record in my Bubble app with name Jane Doe and email jane@example.com')
        async for message in client.receive_response():
            if hasattr(message, 'content'):
                for block in message.content:
                    if hasattr(block, 'text'):
                        print(block.text)

asyncio.run(main())
```

```typescript
import { openai } from '@ai-sdk/openai';
import { experimental_createMCPClient as createMCPClient } from '@ai-sdk/mcp';
import { generateText, stepCountIs } from 'ai';

const client = await createMCPClient({
  transport: {
    type: 'http',
    url: mcp.url,
    headers: { 'x-api-key': 'your-composio-api-key' }
  }
});

const tools = await client.tools();

const { text } = await generateText({
  model: openai('gpt-4o'),
  tools,
  messages: [{ role: 'user', content: 'Create a new user record in my Bubble app with name Jane Doe and email jane@example.com' }],
  stopWhen: stepCountIs( 5 )
});

console.log(`Agent: ${text}`);
```

## Why Use Composio?

### 1. AI Native Bubble Integration

- Supports both Bubble MCP and direct API based integrations
- Structured, LLM-friendly schemas for reliable tool execution
- Rich coverage for reading, writing, and querying your Bubble data

### 2. Managed Auth

- Built-in OAuth handling with automatic token refresh and rotation
- Central place to manage, scope, and revoke Bubble access
- Per user and per environment credentials instead of hard-coded keys

### 3. Agent Optimized Design

- Tools are tuned using real error and success rates to improve reliability over time
- Comprehensive execution logs so you always know what ran, when, and on whose behalf

### 4. Enterprise Grade Security

- Fine-grained RBAC so you control which agents and users can access Bubble
- Scoped, least privilege access to Bubble resources
- Full audit trail of agent actions to support review and compliance

## Use Bubble with any AI Agent Framework

Choose a framework you want to connect Bubble with:

- [OpenAI Agents SDK](https://composio.dev/toolkits/bubble/framework/open-ai-agents-sdk)
- [Claude Agent SDK](https://composio.dev/toolkits/bubble/framework/claude-agents-sdk)
- [Claude Code](https://composio.dev/toolkits/bubble/framework/claude-code)
- [Claude Cowork](https://composio.dev/toolkits/bubble/framework/claude-cowork)
- [Codex](https://composio.dev/toolkits/bubble/framework/codex)
- [OpenClaw](https://composio.dev/toolkits/bubble/framework/openclaw)
- [Hermes](https://composio.dev/toolkits/bubble/framework/hermes-agent)
- [Google ADK](https://composio.dev/toolkits/bubble/framework/google-adk)
- [LangChain](https://composio.dev/toolkits/bubble/framework/langchain)
- [Vercel AI SDK](https://composio.dev/toolkits/bubble/framework/ai-sdk)
- [Mastra AI](https://composio.dev/toolkits/bubble/framework/mastra-ai)
- [LlamaIndex](https://composio.dev/toolkits/bubble/framework/llama-index)
- [CrewAI](https://composio.dev/toolkits/bubble/framework/crew-ai)
- [Pydantic AI](https://composio.dev/toolkits/bubble/framework/pydantic-ai)
- [AutoGen](https://composio.dev/toolkits/bubble/framework/autogen)

## Related Toolkits

- [Supabase](https://composio.dev/toolkits/supabase) - Supabase is an open-source backend platform offering scalable Postgres databases, authentication, storage, and real-time APIs. It lets developers build modern apps without managing infrastructure.
- [Codeinterpreter](https://composio.dev/toolkits/codeinterpreter) - Codeinterpreter is a Python-based coding environment with built-in data analysis and visualization. It lets you instantly run scripts, plot results, and prototype solutions inside supported platforms.
- [GitHub](https://composio.dev/toolkits/github) - GitHub is a code hosting platform for version control and collaborative software development. It streamlines project management, code review, and team workflows in one place.
- [Ably](https://composio.dev/toolkits/ably) - Ably is a real-time messaging platform for live chat and data sync in modern apps. It offers global scale and rock-solid reliability for seamless, instant experiences.
- [Abuselpdb](https://composio.dev/toolkits/abuselpdb) - Abuselpdb is a central database for reporting and checking IPs linked to malicious online activity. Use it to quickly identify and report suspicious or abusive IP addresses.
- [Alchemy](https://composio.dev/toolkits/alchemy) - Alchemy is a blockchain development platform offering APIs and tools for Ethereum apps. It simplifies building and scaling Web3 projects with robust infrastructure.
- [Algolia](https://composio.dev/toolkits/algolia) - Algolia is a hosted search API that powers lightning-fast, relevant search experiences for web and mobile apps. It helps developers deliver instant, typo-tolerant, and scalable search without complex infrastructure.
- [Anchor browser](https://composio.dev/toolkits/anchor_browser) - Anchor browser is a developer platform for AI-powered web automation. It transforms complex browser actions into easy API endpoints for streamlined web interaction.
- [Apiflash](https://composio.dev/toolkits/apiflash) - Apiflash is a website screenshot API for programmatically capturing web pages. It delivers high-quality screenshots on demand for automation, monitoring, or reporting.
- [Apiverve](https://composio.dev/toolkits/apiverve) - Apiverve delivers a suite of powerful APIs that simplify integration for developers. It's designed for reliability and scalability so you can build faster, smarter applications without the integration headache.
- [Appcircle](https://composio.dev/toolkits/appcircle) - Appcircle is an enterprise-grade mobile CI/CD platform for building, testing, and publishing mobile apps. It streamlines mobile DevOps so teams ship faster and with more confidence.
- [Appdrag](https://composio.dev/toolkits/appdrag) - Appdrag is a cloud platform for building websites, APIs, and databases with drag-and-drop tools and code editing. It accelerates development and iteration by combining hosting, database management, and low-code features in one place.
- [Appveyor](https://composio.dev/toolkits/appveyor) - AppVeyor is a cloud-based continuous integration service for building, testing, and deploying applications. It helps developers automate and streamline their software delivery pipelines.
- [Backendless](https://composio.dev/toolkits/backendless) - Backendless is a backend-as-a-service platform for mobile and web apps, offering database, file storage, user authentication, and APIs. It helps developers ship scalable applications faster without managing server infrastructure.
- [Baserow](https://composio.dev/toolkits/baserow) - Baserow is an open-source no-code database platform for building collaborative data apps. It makes it easy for teams to organize data and automate workflows without writing code.
- [Bench](https://composio.dev/toolkits/bench) - Bench is a benchmarking tool for automated performance measurement and analysis. It helps you quickly evaluate, compare, and track your systems or workflows.
- [Better stack](https://composio.dev/toolkits/better_stack) - Better Stack is a monitoring, logging, and incident management solution for apps and services. It helps teams ensure application reliability and performance with real-time insights.
- [Bitbucket](https://composio.dev/toolkits/bitbucket) - Bitbucket is a Git-based code hosting and collaboration platform for teams. It enables secure repository management and streamlined code reviews.
- [Blazemeter](https://composio.dev/toolkits/blazemeter) - Blazemeter is a continuous testing platform for web and mobile app performance. It empowers teams to automate and analyze large-scale tests with ease.
- [Blocknative](https://composio.dev/toolkits/blocknative) - Blocknative delivers real-time mempool monitoring and transaction management for public blockchains. Instantly track pending transactions and optimize blockchain interactions with live data.

## Frequently Asked Questions

### Do I need my own developer credentials to use Bubble with Composio?

Yes, Bubble requires you to configure your own API key credentials. Once set up, Composio handles secure credential storage and API request handling for you.

### Can I use multiple toolkits together?

Yes! Composio's Tool Router enables agents to use multiple toolkits. [Learn more](https://docs.composio.dev/tool-router/overview).

### Is Composio secure?

Composio is SOC 2 and ISO 27001 compliant with all data encrypted in transit and at rest. [Learn more](https://trust.composio.dev).

### What if the API changes?

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

---
[See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)