[data-accordion-status="active"] .accordion-css__item-bottom { grid-template-rows: 1fr; }
/* Animate Icon */ .accordion-css__item-icon { transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1); }
[data-accordion-status="active"] .accordion-css__item-icon { transform: rotate(45deg); }
.benef__card:hover .benef__img { filter: grayscale(0%); } .use-cases__control.is-active { color: var(--white); } .use-cases__control.is-active .use-cases__progress-wr { opacity: 1; } .nav { box-shadow: 0px 2px 32px 0px #0000000a; } .hiw__btm { box-shadow: 0px 0px 12px 0px #0000000d; } .main__mid-top { box-shadow: 0px 0px 10.33px 0px #0000000d; } .main__r-ic-wr.is-active { box-shadow: 0px 10px 24px 0px #ff5e191a; } .main__r-ic-wr.is-active .main__r-img { filter: grayscale(0%); }
@media only screen and (max-width: 990px) { .nav__links { box-shadow: 0px 2px 32px 0px #0000000a; }
.nav__mid.is-active .nav__links { opacity:1; pointer-events: auto; transform: translate(0px, 0px); }
/* Анимация бургера в крестик / .nav__mid.is-active .nav-burg__line.is-1 { / Верхняя линия → диагональ сверху */ transform: translate(0%, 0%) rotate(45deg); top: auto; }
.nav__mid.is-active .nav-burg__line.is-2 { /* Средняя линия исчезает */ opacity: 0; }
.nav__mid.is-active .nav-burg__line.is-3 { /* Нижняя линия → диагональ снизу */ transform: translate(0%, 0%) rotate(-45deg); bottom: auto; }
.benef__card.is-act .benef__img { filter: grayscale(0%); }
Connect any API. To any AI agent.
Auto-generate Model Context Protocol tool definitions from any REST, GraphQL, SOAP, or gRPC API. Self-hosted in minutes. No glue code. No rewrites.
AI that delivers
Legacy and most existing APIs weren't designed for a world where the consumer is an LLM. Schemas lack semantic context, tool boundaries are ambiguous, and payloads burn through context windows.
Expose, govern, and optimize LLM, MCP, and API resources through a single point of control — eliminating integration complexity without creating and maintaining hundreds of individual MCP servers.
for developers
Ship an MCP server in 2 minutes. Not 2 weeks.
Stop writing tool definitions by hand. Point MCP Bridge at any schema URL and every operation becomes a fully typed, annotated MCP tool — ready for Claude, GPT, Gemini, or any MCP-compatible client.
# Pull and run MCP Bridge
$ docker run -d <br/> --name mcp-bridge <br/> -p 8080:8080 <br/> -v ./bridge.yaml:/app/config.yaml <br/> appfactor/mcp-bridge:latest
# Point any MCP client at the endpoint
$ curl https://localhost:8080/mcp/tools
→ 42 tools generated · ready
apis:
- name: "payments"
protocol: "rest"
schema: "https://api.acme.io/openapi.yaml"
auth:
type: "oauth2"
flow: "client_credentials"
code_mode: true # 98% less context
observability:
otel: true
log_level: "info"
# Auto-generated tools, ready for any LLM
tools_generated: 42
protocols: [rest, graphql]
annotations:
read_only: 28
idempotent: 31
destructive: 4
avg_tokens_per_tool: 487
code_mode_tokens: 960 # vs ~48,000 raw
Schema-driven
OpenAPI 3, GraphQL introspection, WSDL, and .proto files — all parsed automatically.
Self-hosted
Docker container on AWS ECS, Azure Container Apps, or any orchestrator. Your data never leaves your network.
Built in Rust
Memory-safe, high-throughput, production-ready. Zero external SaaS dependencies at runtime.
How it works
From API to AI-ready tool in four steps.
Import API schemas
Provide a schema via URL, paste content, or upload files. Supports OpenAPI (JSON/YAML), GraphQL introspection, WSDL, and gRPC (server reflection or .proto files).
Auto-generate MCP tools
Each operation becomes a fully described MCP tool with typed input/output schemas, parameter mappings, behavioural annotations, and documentation.
Execute at runtime
MCP Bridge validates inputs, maps parameters, handles authentication, and forwards requests to the backend. Responses are post-processed to reduce token waste.
Scale with Code Mode
For large APIs, 3 meta-tools replace the full catalog — cutting context window usage by ~98%. The LLM orchestrates calls via a secure Boa sandbox.
Not a gateway
Built for AI agents, not just HTTP traffic.
API gateways route HTTP requests. MCP Bridge does something fundamentally different — it translates APIs into semantically rich tool definitions LLMs can reason about, select correctly, and call efficiently.
It handles what gateways were never designed for: tool curation, response post-processing to reduce token waste, context window management, and AI-specific observability across latency, throughput, token usage, and error rates.
Code Mode
~98% less
Three meta-tools replace hundreds of individual tool definitions. The LLM discovers tools on demand and orchestrates calls via JavaScript in a secure Boa sandbox with 30-second timeout — same capabilities, a fraction of the token cost.
Standard — 100+ tool definitions
Code Mode — 3 meta-tools
Capabilities
Enterprise-ready, on day one.
Tool curation
Enable, rename, edit descriptions, customize parameter mappings, and configure per-tool response processing.
Response post-processing
Per-tool declarative rules — unwrap, select, exclude, limit, sort, flatten, aggregate — or custom JavaScript in a sandbox.
Enterprise auth
Bearer, Basic, API Key, OAuth2, AWS Cognito SRP. OIDC for the web UI with Entra ID, Keycloak, Auth0, Okta.
Analytics dashboard
Latency, throughput, per-tool and per-API metrics, token usage breakdowns, error rates. O-Tel in Enterprise.
Tool annotations
Read-only, destructive, idempotent, and open-world hints auto-inferred from API semantics. Editable per tool.
Semantic tool search
Hybrid search with full-text, trigram fuzzy matching, and optional vector similarity via pgvector and HNSW.
Self-hosted
Docker container on AWS ECS, Azure Container Apps, or any orchestrator. Zero external SaaS dependencies.
Reliability
Per-API token bucket rate limiting, exponential backoff with jitter, configurable retry policies, health checks.
Who it's for
Built for the teams making AI work in production.
Platform Engineering
Expose internal APIs to AI agents
Without writing or maintaining MCP adapters for each service. Import schemas, configure auth, and expose governed tools through a single control plane.
AI Engineers
A managed tool layer for agents
Build agents that call enterprise APIs with authentication, rate limiting, response post-processing, and observability built in — not bolted on.
Enterprise Organizations
Bridge your API portfolio to MCP
Adopt MCP as a standard. Connect your existing API landscape to LLM clients quickly and securely, without refactoring services.
Give your AI agents the data access they need.
Available on AWS and Azure Marketplace. Tiers from evaluation to enterprise-wide deployment.
// --- АНИМАЦИЯ ЛИНИЙ 1 (один раз) --- const lines1Timeline = gsap.timeline();
const line1 = prepareLine(".an-l-1"); const line2 = prepareLine(".an-l-2"); const line3 = prepareLine(".an-l-3"); const line4 = prepareLine(".an-l-4");
if (line1) { lines1Timeline.to( line1, { strokeDashoffset: 0, duration: 1, ease: "power3.out", }, 0 ); }
if (line2) { lines1Timeline.to( line2, { strokeDashoffset: 0, duration: 1, ease: "power3.out", }, 0.2 ); }
if (line3) { lines1Timeline.to( line3, { strokeDashoffset: 0, duration: 1, ease: "power3.out", }, 0.4 ); }
if (line4) { lines1Timeline.to( line4, { strokeDashoffset: 0, duration: 1, ease: "power3.out", }, 0.6 ); }
// --- АНИМАЦИЯ КРУГОВ 1 (бесконечный цикл, 2 сек каждый) --- const circles1Timeline = gsap.timeline({ repeat: -1, repeatDelay: 0, paused: true, });
// последний старт 0.6 + 2 сек движения = 2.6 const circles1Duration = 2.6;
const path1 = document.querySelector(".an-l-1"); const path2 = document.querySelector(".an-l-2"); const path3 = document.querySelector(".an-l-3"); const path4 = document.querySelector(".an-l-4");
circles1Timeline.set( [".cir-1", ".cir-2", ".cir-3", ".cir-4"], { opacity: 1 }, 0 );
circles1Timeline .to( ".cir-1", { duration: 2, ease: "power3.out", motionPath: { path: path1, align: path1, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0 ) .set(".cir-1", { opacity: 0 }, 0 + 2);
circles1Timeline .to( ".cir-2", { duration: 2, ease: "power3.out", motionPath: { path: path2, align: path2, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0.2 ) .set(".cir-2", { opacity: 0 }, 0.2 + 2);
circles1Timeline .to( ".cir-3", { duration: 2, ease: "power3.out", motionPath: { path: path3, align: path3, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0.4 ) .set(".cir-3", { opacity: 0 }, 0.4 + 2);
circles1Timeline .to( ".cir-4", { duration: 2, ease: "power3.out", motionPath: { path: path4, align: path4, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0.6 ) .set(".cir-4", { opacity: 0 }, 0.6 + 2);
// --- АНИМАЦИЯ ЛИНИЙ 2 (один раз, 1 c каждая) --- const lines2Timeline = gsap.timeline({ paused: true }); const rightItems = document.querySelectorAll(".main__r-wr .main__r-ic-wr");
const addActiveClass = (index) => { if (!rightItems[index]) return; rightItems[index].classList.add("is-active"); };
const line5 = prepareLine(".an-l-5"); const line6 = prepareLine(".an-l-6"); const line7 = prepareLine(".an-l-7"); const line8 = prepareLine(".an-l-8"); const line9 = prepareLine(".an-l-9");
// an-l-5 + 1-й блок, t=0 if (line5) { lines2Timeline.to( line5, { strokeDashoffset: 0, duration: 1, ease: "power3.out", onStart: () => addActiveClass(0), }, 0 ); } else { lines2Timeline.add(() => addActiveClass(0), 0); }
// an-l-6 + 2-й блок, t=0.2 if (line6) { lines2Timeline.to( line6, { strokeDashoffset: 0, duration: 1, ease: "power3.out", onStart: () => addActiveClass(1), }, 0.2 ); } else { lines2Timeline.add(() => addActiveClass(1), 0.2); }
// an-l-7 + 3-й блок, t=0.4 if (line7) { lines2Timeline.to( line7, { strokeDashoffset: 0, duration: 1, ease: "power3.out", onStart: () => addActiveClass(2), }, 0.4 ); } else { lines2Timeline.add(() => addActiveClass(2), 0.4); }
// an-l-8 + 4-й блок, t=0.6 if (line8) { lines2Timeline.to( line8, { strokeDashoffset: 0, duration: 1, ease: "power3.out", onStart: () => addActiveClass(3), }, 0.6 ); } else { lines2Timeline.add(() => addActiveClass(3), 0.6); }
// an-l-9 + 5-й блок, t=0.8 if (line9) { lines2Timeline.to( line9, { strokeDashoffset: 0, duration: 1, ease: "power3.out", onStart: () => addActiveClass(4), }, 0.8 ); } else { lines2Timeline.add(() => addActiveClass(4), 0.8); }
// --- АНИМАЦИЯ КРУГОВ 2 (цикл, 2 c каждый, 5 кругов) --- const circles2Timeline = gsap.timeline({ repeat: -1, repeatDelay: 0, paused: true, });
const path5 = document.querySelector(".an-l-5"); const path6 = document.querySelector(".an-l-6"); const path7 = document.querySelector(".an-l-7"); const path8 = document.querySelector(".an-l-8"); const path9 = document.querySelector(".an-l-9");
circles2Timeline.set( [".cir-5", ".cir-6", ".cir-7", ".cir-8", ".cir-9"], { opacity: 1 }, 0 );
// cir-5 по an-l-5, t=0 circles2Timeline .to( ".cir-5", { duration: 2, ease: "power3.out", motionPath: { path: path5, align: path5, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0 ) .set(".cir-5", { opacity: 0 }, 2);
// cir-6 по an-l-6, t=0.2 circles2Timeline .to( ".cir-6", { duration: 2, ease: "power3.out", motionPath: { path: path6, align: path6, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0.2 ) .set(".cir-6", { opacity: 0 }, 2.2);
// cir-7 по an-l-7, t=0.4 circles2Timeline .to( ".cir-7", { duration: 2, ease: "power3.out", motionPath: { path: path7, align: path7, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0.4 ) .set(".cir-7", { opacity: 0 }, 2.4);
// cir-8 по an-l-8, t=0.6 circles2Timeline .to( ".cir-8", { duration: 2, ease: "power3.out", motionPath: { path: path8, align: path8, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0.6 ) .set(".cir-8", { opacity: 0 }, 2.6);
// cir-9 по an-l-9, t=0.8 circles2Timeline .to( ".cir-9", { duration: 2, ease: "power3.out", motionPath: { path: path9, align: path9, alignOrigin: [0.5, 0.5], start: 0, end: 1, }, }, 0.8 ) .set(".cir-9", { opacity: 0 }, 2.8);
// --- ФЛОУ ---
let secondStageStarted = false;
// После окончания линий 1 запускаем круги 1 lines1Timeline.eventCallback("onComplete", () => { circles1Timeline.restart(true); });
// После окончания ПЕРВОГО цикла кругов 1 запускаем линии 2, // а после завершения линий 2 — бесконечные круги 2 circles1Timeline.eventCallback("onRepeat", () => { if (secondStageStarted) return; secondStageStarted = true;
lines2Timeline.restart(true);
lines2Timeline.eventCallback("onComplete", () => {
circles2Timeline.restart(true);
});
}); });