The Top 3 LLM widget, in one embed.
A hardware-aware mini-configurator, sized like an article card, that shows your reader the 3 best open-source LLMs for their GPU and their use case.
Built for AI blogs, local-AI newsletters, hardware review sites and any editorial page that recommends models without wanting to build and maintain its own ranking. One <iframe>, no script tag to install, no dependency to keep updated.
Three steps to embed it
Copy the snippet
One <iframe> tag. No script to install, no build step.
Paste it anywhere
Article, sidebar, homepage, newsletter — anywhere your CMS accepts raw HTML.
Customize via the URL
GPU, use case, theme, accent color — every option is a query parameter.
The snippet
Card-sized layout (max 600×400px) meant to sit in a grid of article cards. Dark theme by default. The sandbox attribute is optional but recommended: it isolates the widget from the rest of your page.
<!-- Top 3 LLM widget — BestLLMfor.com --> <iframe src="https://bestllmfor.com/widget-top3-embed/?usage=code&gpu=rtx-4070" width="100%" height="400" style="max-width:600px;border:0;display:block" loading="lazy" referrerpolicy="origin-when-cross-origin" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" title="Top 3 LLM for my GPU"></iframe>
URL parameters
| Parameter | Values | Description |
|---|---|---|
theme | dark · light · auto | Visual theme. Default: dark. |
accent | 6-digit hex, no # (e.g. 7c3aed) | Accent color. Default: 4ade80 (BestLLMfor neon green). |
gpu | rtx-4090, rtx-4070, m4-max… | Pre-selected GPU. The reader can still change it. |
usage | general · chat · code · reasoning · vision · multilingual | Pre-selected use case. Default: general. |
form | 0 | Hides the GPU/use case dropdowns. Pair it with explicit gpu and usage. |
intro | 0 | Hides the explainer banner. Reduces the recommended height to 340px. |
WordPress, Ghost, Webflow…
- WordPress (Gutenberg): add a
Custom HTMLblock and paste the iframe. No plugin needed. - WordPress (classic editor): switch to the
Texttab, paste, then back toVisualto preview. - Ghost / Substack: use the
HTMLorEmbedblock. - Webflow / Wix: add an
Embedelement and paste. - Notion: type
/embed, then paste the widget URL directly.
Good practice
- Center it with
max-width:600px;margin:0 auto;so it lines up with a 1- or 3-column grid. - Pre-set
usageto match the article (a coding post →usage=code). - Leave the dropdowns visible — that is what turns a static card into a small interactive tool. Hide them only for a purely editorial placement.
- Match
accentto your own brand color for a native feel.
Frequently asked questions
Does the widget track my visitors?
No. The widget makes a single same-origin request for a small JSON file (the precomputed top-3 rankings) and sets no cookies. It ships no analytics, no fingerprinting, and no third-party requests of any kind.
Do I need to keep any attribution?
Yes — that's the only condition. The widget is free to use, including on commercial sites, as long as the “Powered by bestllmfor.com” credit in its footer stays visible and un-hidden.
Can I change the GPU or use case it opens with?
Yes, entirely through the iframe's URL — see the parameters table below. The reader can still change both from the widget's own dropdowns unless you pass `form=0`.
License & terms
Free to use, including on commercial sites. The only condition: keep the “Powered by bestllmfor.com” credit visible in the widget’s footer. No tracking, no cookies, no third-party requests are added by embedding it — the widget only reads its own public API data (/api/widget-top3.json, CC BY 4.0).