Demo de código abierto en Next.js que recrea la Intelligent UI de ChatGPT y transmite respuestas del modelo como mapas, gráficos, formularios y herramientas interactivas basadas en OpenUI.
tambo-ai/tambo
Toolkit open source para React que permite crear agentes de IA que renderizan y actualizan tus propios componentes como UI generativa.
- Estrellas
- 11,197
- Forks
- 570
- Issues abiertos
- 49
- Último commit
- hace 17 horas
¿Qué es?
Tambo te permite registrar componentes de React con esquemas de Zod. Un agente LLM elige el componente que mejor se ajusta a la solicitud del usuario, le transmite las props en streaming y renderiza el resultado dentro de tu app. Los componentes pueden ser resultados puntuales, como gráficos y resúmenes, o componentes interactivos que persisten y se actualizan a medida que el usuario modifica su solicitud, como tableros de tareas o notas.
El SDK ofrece hooks como useTambo y useTamboThreadInput para gestionar mensajes, el estado del streaming y la entrada de datos. También permite integrar servidores MCP, definir herramientas que se ejecutan en el navegador, pasar contexto adicional, usar tokens de autenticación y mostrar sugerencias en las que se puede hacer clic. Puedes usar tu propia API key de OpenAI, Anthropic, Gemini, Mistral o cualquier proveedor compatible con OpenAI.
El backend, que gestiona el estado de las conversaciones y la ejecución de los agentes, se puede alojar por cuenta propia mediante Docker. El servicio alojado Tambo Cloud dejará de funcionar el 31 de octubre de 2026 y ya no se aceptan nuevos registros.
Funciones clave
- 01Registrar componentes de React con esquemas de Zod para que el agente pueda elegirlos y renderizarlos.
- 02Transmitir las props de los componentes a la UI a medida que las genera el LLM.
- 03Admitir componentes generativos para resultados puntuales y componentes interactivos que persisten.
- 04Conectarse a servidores MCP por HTTP, incluidos sus tools, prompts y funciones de sampling.
- 05Permitir definir herramientas que se ejecutan en el navegador y que el agente puede invocar, como acciones sobre el DOM o solicitudes fetch autenticadas.
- 06Funcionar con OpenAI, Anthropic, Gemini, Mistral y proveedores compatibles con OpenAI.
Casos de uso
- Añadir un asistente de chat que muestre gráficos o paneles dentro de una app de React existente.
- Crear un tablero de tareas o una hoja de cálculo que los usuarios puedan modificar con lenguaje natural.
- Conectar un asistente de IA integrado en la app con herramientas internas mediante servidores MCP.
Inicio rápido
- 1
Crear la estructura inicial de una nueva app con Tambo CLI
npm create tambo-app my-tambo-app - 2
Entrar en la carpeta del proyecto
cd my-tambo-app - 3
Iniciar el servidor de desarrollo
npm run dev
Antes de usarlo
- Tambo Cloud cerrará el 31 de octubre de 2026 y ya no se aceptan nuevos registros.
- Para ejecutarlo por tu cuenta, debes seguir la guía de autoalojamiento con Docker en tu propia infraestructura.
- Debes aportar tu propia clave de API de LLM de un proveedor compatible.
Temas
Preguntas frecuentes
- ¿Qué es tambo?
- Toolkit open source para React que permite crear agentes de IA que renderizan y actualizan tus propios componentes como UI generativa. Tambo te permite registrar componentes de React con esquemas de Zod. Un agente LLM elige el componente que mejor se ajusta a la solicitud del usuario, le transmite las props en streaming y renderiza el resultado dentro de tu app. Los componentes pueden ser resultados puntuales, como gráficos y resúmenes, o componentes interactivos que persisten y se actualizan a medida que el usuario modifica su solicitud, como tableros de tareas o notas.
- ¿tambo es gratuito? ¿Qué licencia tiene?
- tambo es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿tambo sigue mantenido?
- Mantenimiento activo. El último commit de tambo fue el 21 oct 2026.
- ¿Para qué puedo usar tambo?
- Añadir un asistente de chat que muestre gráficos o paneles dentro de una app de React existente. Crear un tablero de tareas o una hoja de cálculo que los usuarios puedan modificar con lenguaje natural. Conectar un asistente de IA integrado en la app con herramientas internas mediante servidores MCP.
- ¿Cómo se instala tambo?
- Crear la estructura inicial de una nueva app con Tambo CLI: npm create tambo-app my-tambo-app Entrar en la carpeta del proyecto: cd my-tambo-app Iniciar el servidor de desarrollo: npm run dev
- ¿Dónde consigo tambo?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/tambo-ai/tambo
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
SDK de TypeScript para crear aplicaciones nativas de agentes con UI generativa, estado compartido y flujos con intervención humana en React, Angular, Vue y aplicaciones de chat.
Un toolkit de Generative UI independiente del framework, basado en OpenUI Lang, un lenguaje compacto y orientado al streaming que permite a los LLM generar interfaces con tu propia biblioteca de componentes.
Servidor MCP de código abierto que conecta agentes de IA, IDE y aplicaciones con bases de datos mediante herramientas predefinidas o definiciones personalizadas.
Plataforma de automatización para crear flujos de trabajo de IA agéntica en YAML que funcionan en distintos canales conversacionales, con herramientas, MCP, memoria y RAG.
Servidor MCP local que dirige prompts de Cursor, VS Code, Windsurf o Claude Desktop a ChatGPT, Claude, Gemini, Perplexity, APIs BYOK o modelos locales de Ollama.