Incrusta precios en vivo en tu sitio
Puedes mostrar los precios actuales de UberLLM en tu blog, documentación o README. Los precios se actualizan solos, y no necesitas ninguna API key ni cuenta. Hay cuatro formas:
| Si quieres | Usa |
|---|---|
| Una tabla de precios en una página web | La etiqueta script |
| La misma tabla donde los scripts no están permitidos | Un iframe simple |
| Una insignia de precio en un README | La insignia de precio |
| Los números, para construir tu propia tabla | La API de precios JSON |
Las páginas de precios en uberllm.dev tienen un enlace Incrusta una tabla de precios en vivo, y cada página de modelo tiene Incrusta este precio. Ambos te dan este código listo para pegar.
La etiqueta script
Pega esto donde debería aparecer la tabla:
<script async src="https://uberllm.dev/embed.js"
data-models="anthropic/claude-sonnet-4.5,openai/gpt-5.5,deepseek/deepseek-v4-flash"></script>
El script coloca la tabla justo después de sí mismo y mantiene su altura igual a la de la tabla, para que no haya espacio vacío ni barra de desplazamiento.
Sin opciones, obtienes los 10 modelos de chat en la parte superior del tablero de uberllm.dev:
<script async src="https://uberllm.dev/embed.js"></script>
Opciones
Todas las opciones son opcionales.
| Atributo | Lo que hace |
|---|---|
data-models |
Los modelos a mostrar, como IDs separados por comas, en el orden que desees. Un ID es lo que envías como model en una solicitud, por ejemplo openai/gpt-5.5. |
data-type |
Muestra modelos text, image, video o audio. Sin data-models y sin esto, la tabla muestra modelos de chat (text). |
data-limit |
Cuántos modelos mostrar cuando no los nombras. De 1 a 50. El valor predeterminado es 10. |
data-theme |
light, dark o auto. auto es el valor predeterminado y sigue la configuración del sistema del lector. Establece light o dark para que coincida con tu página. |
data-lang |
El idioma de los nombres de las columnas: en, fr, es, de, pt, it, nl, zh, vi, ja, ko o id. auto usa el idioma del navegador del lector. El valor predeterminado es en. |
data-max-width |
El ancho máximo que alcanza la tabla, por ejemplo 600px o 100%. El valor predeterminado es 720px. |
data-title |
El nombre que los lectores de pantalla anuncian para la tabla. |
Una tabla de video en una página oscura:
<script async src="https://uberllm.dev/embed.js"
data-type="video" data-limit="5" data-theme="dark"></script>
Un iframe sencillo
Algunos sitios eliminan las etiquetas de script. Usa un iframe allí. Las opciones son las mismas, escritas en la dirección sin data-:
<iframe src="https://uberllm.dev/embed/prices?models=anthropic/claude-sonnet-4.5,openai/gpt-5.5"
title="AI model API prices" width="100%" height="178" loading="lazy"
style="border:0;max-width:720px"></iframe>
Un iframe no puede cambiar su propia altura, así que configúrala tú mismo: 76 px más 51 px por cada modelo. Dos modelos necesitan 178, cinco necesitan 331 y diez necesitan 586.
Qué muestra la tabla
- Modelos de chat: el precio por 1 millones de input tokens y 1 millones de output tokens.
- Modelos de imagen, video y audio: el precio por una unidad, por ejemplo, un segundo de video o una imagen.
- Por debajo del precio de lista: cuánto está el precio por debajo del precio de lista del creador del modelo. La columna se omite cuando ningún modelo en la tabla tiene un precio de lista superior al nuestro.
Estos son los mismos números que en la página de cada modelo: el precio más bajo del vendedor en este momento. Una solicitud puede costar más cuando los vendedores más baratos están ocupados. Ver Precios.
Cada nombre de modelo enlaza a su página en uberllm.dev, y la tabla tiene un pequeño enlace "Precios por UberLLM".
La tabla se construye con los precios de la última hora y luego lee los actuales de la API de precios. Si esa lectura falla, mantiene los precios que tiene. Se omite un modelo que nadie sirve en este momento, y también los modelos hechos para contenido para adultos. Se omite un ID de modelo que no existe.
La insignia de precio
Una pequeña imagen con el nombre de un modelo y su precio ahora, para un README:
[](https://uberllm.dev/models/anthropic/claude-sonnet-4.5?utm_source=embed&utm_medium=referral&utm_campaign=price-badge)
Pon el ID del modelo en la dirección tal cual, incluyendo las barras, y termínala con .svg.
API de precios e insignia de precio tiene el formulario HTML y las otras opciones.
La API de precios JSON
Para dibujar tu propia tabla, lee los precios como JSON. Cualquier página web puede llamarla desde el navegador:
const res = await fetch("https://api.uberllm.dev/api/v1/public/prices?type=text&limit=10");
const { models } = await res.json();
for (const m of models) console.log(m.name, m.price_text);
API de precios e insignia de precios] enumera cada parámetro y campo.
Privacidad y velocidad
- La tabla es un archivo pequeño. No carga fuentes, análisis ni otros scripts.
- No establece cookies y no lee nada de tu página. Lo único que envía a tu página es su propia altura.
- Los enlaces de la tabla llevan
utm_source=embedy el nombre de tu sitio, para que podamos ver qué sitios envían visitantes. - Se indica a los motores de búsqueda que no indexen la tabla en sí, para que no compita con tu página.
Límites
La API de precios permite 300 solicitudes por minuto desde una dirección IP. Una tabla realiza hasta cuatro solicitudes pequeñas cuando se abre, y de nuevo cada 5 minutos mientras está en pantalla.