> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gloo.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Supported Models
> A full list of Gloo AI API models and their capabilities, rendered live from the public platform API.
export const LiveModelCatalog = () => {
const [state, setState] = React.useState({
status: "loading"
});
React.useEffect(() => {
let cancelled = false;
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), 15000);
fetch("https://platform.ai.gloo.com/platform/v2/models", {
headers: {
Accept: "application/json"
},
signal: controller.signal
}).then(r => r.ok ? r.json() : Promise.reject(new Error("HTTP " + r.status))).then(json => {
if (cancelled) return;
const models = json && Array.isArray(json.data) ? json.data : null;
if (!models || models.length === 0) {
throw new Error("Empty or malformed response from /platform/v2/models");
}
const invalid = models.find(m => !m || typeof m.id !== "string" || typeof m.family !== "string" || m.family.trim() === "");
if (invalid) {
throw new Error("Schema drift: model entry missing required id/family");
}
setState({
status: "ready",
models: models
});
}).catch(err => {
if (cancelled) return;
const message = err && err.name === "AbortError" ? "Request timed out after 15s" : err && err.message || "Unknown error";
setState({
status: "error",
message: message
});
}).finally(() => {
clearTimeout(timeoutId);
});
return () => {
cancelled = true;
controller.abort();
clearTimeout(timeoutId);
};
}, []);
const formatContext = n => {
if (typeof n !== "number" || !n) return "—";
if (n >= 1000000) {
const m = n / 1000000;
return (m >= 10 ? Math.round(m) : Math.round(m * 10) / 10) + "M";
}
if (n >= 1000) return Math.round(n / 1000) + "K";
return String(n);
};
const formatPrice = rate => {
if (rate == null) return "—";
if (typeof rate === "string" && rate.trim() !== "") return "$" + rate;
const n = Number(rate);
if (!Number.isFinite(n)) return "—";
return "$" + String(n);
};
const supportsCaching = m => {
const id = (m.id || "").toLowerCase();
if (id.includes("anthropic") || id.includes("claude")) return "Explicit";
if (id.includes("openai") || id.includes("gpt")) return "Implicit";
if (id.includes("deepseek")) return "Implicit";
if (id.includes("gemini") || id.includes("google")) return "Implicit";
return "—";
};
const FAMILY_ORDER = ["Anthropic", "Google", "OpenAI", "Open Source"];
const groupByFamily = models => {
const groups = {};
for (let i = 0; i < models.length; i++) {
const m = models[i];
const key = m.family || "Other";
if (!groups[key]) groups[key] = [];
groups[key].push(m);
}
const families = Object.keys(groups).sort((a, b) => {
const ai = FAMILY_ORDER.indexOf(a);
const bi = FAMILY_ORDER.indexOf(b);
if (ai === -1 && bi === -1) return a.localeCompare(b);
if (ai === -1) return 1;
if (bi === -1) return -1;
return ai - bi;
});
return families.map(f => ({
family: f,
models: groups[f]
}));
};
if (state.status === "loading") {
return
Loading the live model catalog from GET /platform/v2/models…
;
}
if (state.status === "error") {
return
Couldn't reach the live catalog ({state.message}). Browse models in the{" "}
Gloo Studio Model Explorer or
call GET /platform/v2/models{" "}
directly.
;
}
const grouped = groupByFamily(state.models);
return
{grouped.map(group =>
{group.family}
| Model ID |
Name |
Context |
Input / 1M |
Output / 1M |
Caching |
{group.models.map(m => {
const pricing = m.pricing || ({});
const inputRate = pricing.input ? pricing.input.rate_per_1m_tokens : null;
const outputRate = pricing.output ? pricing.output.rate_per_1m_tokens : null;
return
{m.id} |
{m.name} |
{formatContext(m.context_window)} |
{formatPrice(inputRate)} |
{formatPrice(outputRate)} |
{supportsCaching(m)} |
;
})}
)}
Model Capabilities
| Model ID |
Tools |
Streaming |
Reasoning |
Vision |
{state.models.map(m =>
{m.id} |
{m.supports_tools ? "✓" : "—"} |
{m.supports_streaming ? "✓" : "—"} |
{m.supports_reasoning ? "✓" : "—"} |
{m.supports_vision ? "✓" : "—"} |
)}