Sluit live prijzen in op je site
Je kunt de huidige prijzen van UberLLM tonen op je blog, documentatie of README. De prijzen worden automatisch bijgewerkt, en je hebt geen API key en geen account nodig. Er zijn vier manieren:
| Je wilt | Gebruik |
|---|---|
| Een prijstabel op een webpagina | De script-tag |
| Dezelfde tabel waar scripts niet zijn toegestaan | Een simpele iframe |
| Een prijsbadge in een README | De prijsbadge |
| De nummers, om je eigen tabel te bouwen | De JSON price API |
De prijspagina's op uberllm.dev hebben een link Sluit een live prijstabel in, en elke modelpagina heeft Sluit deze prijs in. Beide geven je deze code, klaar om te plakken.
De script-tag
Plak dit waar de tabel moet verschijnen:
<script async src="https://uberllm.dev/embed.js"
data-models="anthropic/claude-sonnet-4.5,openai/gpt-5.5,deepseek/deepseek-v4-flash"></script>
Het script plaatst de tabel direct na zichzelf en houdt de hoogte gelijk aan die van de tabel, zodat er geen lege ruimte en geen scrollbalk is.
Zonder opties krijg je de 10 chatmodellen bovenaan het uberllm.dev-bord:
<script async src="https://uberllm.dev/embed.js"></script>
Opties
Alle opties zijn optioneel.
| Attribuut | Wat het doet |
|---|---|
data-models |
De modellen om te tonen, als id's gescheiden door komma's, in de volgorde die je wilt. Een id is wat je als model in een verzoek stuurt, bijvoorbeeld openai/gpt-5.5. |
data-type |
Toon text, image, video of audio modellen. Zonder data-models en zonder dit, toont de tabel chatmodellen (text). |
data-limit |
Hoeveel modellen te tonen als je ze niet benoemt. Van 1 tot 50. De standaard is 10. |
data-theme |
light, dark of auto. auto is de standaard en volgt de systeeminstelling van de lezer. Stel light of dark in om bij je pagina te passen. |
data-lang |
De taal van de kolomnamen: en, fr, es, de, pt, it, nl, zh, vi, ja, ko of id. auto gebruikt de browsertaal van de lezer. De standaard is en. |
data-max-width |
De breedste breedte die de tabel krijgt, bijvoorbeeld 600px of 100%. De standaard is 720px. |
data-title |
De naam die schermlezers voor de tabel aankondigen. |
Een videotabel op een donkere pagina:
<script async src="https://uberllm.dev/embed.js"
data-type="video" data-limit="5" data-theme="dark"></script>
Een eenvoudig iframe
Sommige sites verwijderen script-tags. Gebruik daar een iframe. De opties zijn hetzelfde,
geschreven in het adres zonder 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>
Een iframe kan zijn eigen hoogte niet aanpassen, dus stel deze zelf in: 76 px plus 51 px per model. Twee modellen hebben 178, nodig, vijf hebben 331 nodig en tien hebben 586 nodig.
Wat de tabel toont
- Chatmodellen: de prijs voor 1 miljoen invoertokens en 1 miljoen uitvoertokens.
- Afbeeldings-, video- en audiomodellen: de prijs voor één eenheid, bijvoorbeeld één seconde video of één afbeelding.
- Onder de catalogusprijs: hoeveel de prijs lager is dan de catalogusprijs van de modelmaker. De kolom wordt weggelaten wanneer geen enkel model in de tabel een catalogusprijs heeft die hoger is dan de onze.
Dit zijn dezelfde cijfers als op de pagina van elk model: de laagste verkoopprijs op dit moment. Een verzoek kan meer kosten wanneer de goedkoopste verkopers bezet zijn. Zie Prijzen.
Elke modelnaam linkt naar zijn pagina op uberllm.dev, en de tabel heeft een kleine "Prijzen door UberLLM"-link.
De tabel is opgebouwd met de prijzen van het laatste uur en leest vervolgens de huidige prijzen van de prijs-API. Als die leesbewerking mislukt, behoudt het de prijzen die het heeft. Een model dat op dit moment door niemand wordt aangeboden, wordt weggelaten, en zo ook modellen die gemaakt zijn voor inhoud voor volwassenen. Een model-ID dat niet bestaat, wordt overgeslagen.
De prijsbadge
Een kleine afbeelding met de naam van een model en de huidige prijs, voor een README:
[](https://uberllm.dev/models/anthropic/claude-sonnet-4.5?utm_source=embed&utm_medium=referral&utm_campaign=price-badge)
Zet de model-ID precies zo in het adres, inclusief schuine strepen, en eindig het met .svg.
Prijs-API en prijsbadge heeft het HTML-formulier en de andere opties.
De JSON prijs API
Om je eigen tabel te maken, lees je de prijzen als JSON. Elke webpagina kan deze vanuit de browser aanroepen:
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);
Prijs API en prijsbadge vermeldt elke parameter en elk veld.
Privacy en snelheid
- De tabel is één klein bestand. Het laadt geen lettertypen, geen analyses en geen andere scripts.
- Het plaatst geen cookies en leest niets van je pagina. Het enige wat het naar je pagina stuurt, is zijn eigen hoogte.
- Links vanuit de tabel bevatten
utm_source=embeden de naam van je site, zodat we kunnen zien welke sites bezoekers sturen. - Zoekmachines wordt verteld de tabel zelf niet te indexeren, zodat het niet concurreert met je pagina.
Limieten
De prijs-API staat 300 verzoeken per minuut toe vanaf één IP-adres. Een tabel doet tot vier kleine verzoeken wanneer deze opent, en opnieuw elke 5 minuten zolang deze op het scherm staat.