Build APIs visually.
Extend them with code.

Brickr is a visual API builder for backend routes. Use built-in nodes, write custom JavaScript or TypeScript nodes with the Brickr CLI, test everything in the web editor and deploy REST APIs without setting up a full backend project.

Brickr visual API builder interface

Small nodes.
No mystery boxes.

Brickr nodes work closer to Blueprint-style visual scripting than workflow automation. A node should do one clear thing: get a value, compare it, transform it, set a field or return a result.

That keeps routes readable. Instead of hiding logic inside one giant "do everything" block, Brickr lets values move through typed pins step by step.

Read the node docs

Test it before your app depends on it.

Send a request from the editor and watch the route run step by step. See what each node received, what it returned and where the flow stopped.

Console

POST/check-username
ReadyDebug mode enabled. Run the route to inspect node output.

Deploy your route in one click.

Turn your flow into a live endpoint with one click. Brickr keeps every deployment as a version, so you can go back, edit an older version and redeploy with confidence.

Everything your API needs is built in.

Use built-in data, forms, storage, types, AI and integrations directly inside your route logic. Connect them as nodes, test the full path, and deploy everything as one live API endpoint.

Data

Use KV and tables for sessions, submissions, content, game state and other route-backed data.

Read the docs

Forms & WebObjects

Create frontend-facing inputs and UI objects that connect directly to Brickr routes.

Read the docs

Storage

Handle uploads, files and generated assets inside the same flows you test, deploy and version.

Read the docs

Types & Variables

Define structures, enums and reusable variables once, then use them across routes and custom nodes.

Read the docs

AI model nodes

Call AI providers inside a flow with explicit inputs and outputs, then keep processing the result as typed route data.

Read the docs

Integrations

Use built-in nodes for Shopify, Slack and other services, or connect any external API.

Read the docs

Turn code into
a native node.

Define a reusable JavaScript or TypeScript node with the Brickr SDK, publish it through the CLI and use it beside every built-in node. Inputs, outputs and secrets stay explicit, so the code remains testable in the visual builder.

Code NodesWorkspace package
slugify-title.ts.brTypeScript
1import { defineCodeFunctionNode, t } from "@brickr/sdk";
2 
3export default defineCodeFunctionNode({
4 nodeKey: "acme.slugify-title",
5 name: "Slugify Title",
6 description: "Convert a title into a URL slug",
7 category: "text",
8 inputs: {
9 title: t.string().description("Source title").default("Hello World"),
10 lowercase: t.boolean().default(true),
11 },
12 outputs: {
13 slug: t.string(),
14 },
15 run(ctx) {
16 const title = String(ctx.inputs.title ?? "");
17 const normalized = title.trim().replace(/\s+/g, "-");
18 
19 return {
20 slug: ctx.inputs.lowercase ? normalized.toLowerCase() : normalized,
21 };
22 },
23});
Visual node

Build through Brickr MCP.

Connect your personal Brickr Agent to Codex, ChatGPT, Claude or another MCP client. Grant access to the workspace you choose, ask the Agent to create the backend, then open the result in Brickr and continue visually.

Set up Brickr MCP
Brickr MCPPersonal Brickr Agent
Connected

Your Agent uses the workspace access you approved. Every created route remains editable in Brickr.

Workspace connected

Build your first API