Incorporar preços em tempo real no seu site
Você pode exibir os preços atuais da UberLLM no seu blog, documentação ou README. Os preços se atualizam automaticamente, e você não precisa de uma API key nem de uma conta. Existem quatro maneiras:
| Você quer | Use |
|---|---|
| Uma tabela de preços em uma página web | A tag de script |
| A mesma tabela onde scripts não são permitidos | Um iframe simples |
| Um selo de preço em um README | O selo de preço |
| Os números, para construir sua própria tabela | A API de preços JSON |
As páginas de preços em uberllm.dev têm um link Incorporar uma tabela de preços ao vivo, e cada página de modelo tem Incorporar este preço. Ambos fornecem este código pronto para colar.
A tag de script
Cole isto onde a tabela deve aparecer:
<script async src="https://uberllm.dev/embed.js"
data-models="anthropic/claude-sonnet-4.5,openai/gpt-5.5,deepseek/deepseek-v4-flash"></script>
O script coloca a tabela logo após si e mantém sua altura igual à da tabela, para que não haja espaço vazio nem barra de rolagem.
Sem opções, você obtém os 10 modelos de chat no topo do painel uberllm.dev:
<script async src="https://uberllm.dev/embed.js"></script>
Opções
Todas as opções são opcionais.
| Atributo | O que faz |
|---|---|
data-models |
Os modelos a serem exibidos, como IDs separados por vírgulas, na ordem que você desejar. Um ID é o que você envia como model em uma requisição, por exemplo openai/gpt-5.5. |
data-type |
Exibe modelos text, image, video ou audio. Sem data-models e sem isso, a tabela exibe modelos de chat (text). |
data-limit |
Quantos modelos exibir quando você não os nomeia. De 1 a 50. O padrão é 10. |
data-theme |
light, dark ou auto. auto é o padrão e segue a configuração do sistema do leitor. Defina light ou dark para corresponder à sua página. |
data-lang |
O idioma dos nomes das colunas: en, fr, es, de, pt, it, nl, zh, vi, ja, ko ou id. auto usa o idioma do navegador do leitor. O padrão é en. |
data-max-width |
A largura máxima que a tabela atinge, por exemplo 600px ou 100%. O padrão é 720px. |
data-title |
O nome que os leitores de tela anunciam para a tabela. |
Uma tabela de vídeo em uma página escura:
<script async src="https://uberllm.dev/embed.js"
data-type="video" data-limit="5" data-theme="dark"></script>
Um iframe simples
Alguns sites removem tags de script. Use um iframe lá. As opções são as mesmas, escritas no endereço sem 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>
Um iframe não consegue mudar sua própria altura, então defina-a você mesmo: 76 px mais 51 px para cada modelo. Dois modelos precisam de 178,, cinco precisam de 331 e dez precisam de 586.
O que a tabela mostra
- Modelos de chat: o preço para 1 milhões de tokens de entrada e 1 milhões de tokens de saída.
- Modelos de imagem, vídeo e áudio: o preço por uma unidade, por exemplo, um segundo de vídeo ou uma imagem.
- Abaixo do preço de tabela: o quanto o preço está abaixo do preço de tabela do criador do modelo. A coluna é omitida quando nenhum modelo na tabela tem um preço de tabela acima do nosso.
Estes são os mesmos números da página de cada modelo: o menor preço de vendedor no momento. Uma solicitação pode custar mais quando os vendedores mais baratos estão ocupados. Veja Preços.
Cada nome de modelo tem um link para sua página em uberllm.dev, e a tabela tem um pequeno link "Preços por UberLLM".
A tabela é construída com os preços da última hora e então lê os atuais da API de preços. Se essa leitura falhar, ela mantém os preços que possui. Um modelo que ninguém atende no momento é omitido, assim como modelos feitos para conteúdo adulto. Um ID de modelo que não existe é ignorado.
O selo de preço
Uma pequena imagem com o nome de um modelo e seu preço agora, para um README:
[](https://uberllm.dev/models/anthropic/claude-sonnet-4.5?utm_source=embed&utm_medium=referral&utm_campaign=price-badge)
Coloque o ID do modelo no endereço como está, barras incluídas, e termine com .svg.
API de Preço e selo de preço] tem o formulário HTML e as outras opções.
A API de preços JSON
Para desenhar sua própria tabela, leia os preços como JSON. Qualquer página web pode chamá-la do 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 preços e selo de preço lista todos os parâmetros e campos.
Privacidade e velocidade
- A tabela é um arquivo pequeno. Não carrega fontes, nem analytics, nem outros scripts.
- Não define cookies e não lê nada da sua página. A única coisa que envia para a sua página é a sua própria altura.
- Links da tabela contêm
utm_source=embede o nome do seu site, para que possamos ver quais sites enviam visitantes. - Os motores de busca são instruídos a não indexar a própria tabela, para que não concorra com a sua página.
Limites
A API de preços permite 300 requisições por minuto de um endereço IP. Uma tabela faz até quatro pequenas requisições quando abre, e novamente a cada 5 minutos enquanto está na tela.