Accueil › Widgets › Top 3 LLM

Widget Top 3 LLM
format carte d'article

Un mini-configurateur de la taille d'une carte d'article (~600×340 px) qui montre à votre lecteur les 3 meilleurs LLM open-source pour son matériel. Format pensé pour s'aligner naturellement dans une grille de page d'accueil — WordPress, Ghost, Webflow, Substack…

Aperçu live · format carte 600×400 EMBED

Intégration en 3 étapes

Copiez le snippet

Une seule ligne d'<iframe>. Aucun script, aucune dépendance.

Collez où vous voulez

Article, sidebar, page d'accueil, newsletter… partout où votre CMS accepte du HTML.

Personnalisez via l'URL

Usage, GPU pré-rempli, thème, couleur d'accent — tout passe par les paramètres.

Le snippet à copier

Format paysage pensé pour s'intégrer dans une grille d'articles (max 600 px de large, 400 px de haut, bandeau pédagogique inclus). Thème sombre QuelLLM par défaut.

<!-- Widget Top 3 LLM — QuelLLM.fr -->
<iframe
  src="https://quelllm.fr/widget-top3?usage=code&gpu=rtx-4070"
  width="100%"
  height="400"
  style="max-width:600px;border:0;display:block"
  loading="lazy"
  referrerpolicy="origin-when-cross-origin"
  title="Top 3 LLM pour mon GPU"></iframe>

Variantes courantes

<!-- Thème clair (sites en light mode) -->
<iframe src="https://quelllm.fr/widget-top3?theme=light"
  width="100%" height="400" style="max-width:600px;border:0;display:block;border-radius:14px"
  loading="lazy" title="Top 3 LLM"></iframe>

<!-- Auto (suit le thème clair/sombre du système) -->
<iframe src="https://quelllm.fr/widget-top3?theme=auto"
  width="100%" height="400" style="max-width:600px;border:0;display:block;border-radius:14px"
  loading="lazy" title="Top 3 LLM"></iframe>

<!-- Sans bandeau pédagogique (height réduit à 340) -->
<iframe src="https://quelllm.fr/widget-top3?intro=0"
  width="100%" height="340" style="max-width:600px;border:0;display:block;border-radius:14px"
  loading="lazy" title="Top 3 LLM"></iframe>

Aperçu — variantes

Défaut · ivoire + terre cuite?usage=code

Dark · ambré?theme=dark&usage=reasoning

Accent violet?accent=7c3aed&usage=fr

Carte figée · sans sélecteur?form=0

Paramètres URL

Paramètre	Valeurs	Description
`theme`	`dark` · `light` · `auto`	Thème visuel. Défaut : `dark` (charte QuelLLM.fr).
`accent`	hex 6 chiffres sans `#` (ex : `4ade80`)	Couleur d'accent. Défaut : `4ade80` (vert néon QuelLLM).
`gpu`	id GPU (`rtx-4090`, `rtx-4070`, `m4-pro`…)	GPU pré-sélectionné. Le lecteur peut en changer. Liste : /api/gpus.json.
`usage`	`general` · `chat` · `code` · `reasoning` · `vision` · `fr`	Usage pré-sélectionné. Défaut : `general`.
`form`	`0`	Masque le sélecteur GPU/Usage. Bonne pratique : combinez avec `gpu` et `usage` explicites. Hauteur réduite à 340.
`intro`	`0`	Masque le bandeau pédagogique. Hauteur réduite à 340 (au lieu de 400).

WordPress · Ghost · Webflow…

WordPress (éditeur Gutenberg) : ajoutez un bloc HTML personnalisé et collez l'iframe. Aucun plugin requis.
WordPress (classic editor) : passez en mode Texte (HTML) et collez. Repassez en Visuel pour voir le rendu.
Ghost / Substack : utilisez le bloc HTML ou Embed.
Webflow / Wix : ajoutez un élément Embed ou iframe et collez.
Notion : tapez /embed, puis collez l'URL https://quelllm.fr/widget-top3?... directement.

Bonnes pratiques d'intégration

Centrez le widget avec max-width: 600px; margin: 0 auto; pour qu'il s'aligne avec une grille à 1 ou 3 colonnes.
Pré-réglez l'usage qui colle à votre article (ex : article sur le code → ?usage=code).
Laissez le sélecteur visible : c'est lui qui transforme le widget de simple visuel en mini-outil interactif. Cachez-le seulement si vous voulez une carte purement éditoriale.
Choisissez votre accent à la couleur de votre marque pour l'effet "intégré".

Licence et conditions

Utilisation libre et gratuite, y compris sur des sites commerciaux. Aucune obligation de lien retour. Les liens depuis le widget pointent vers quelllm.fr — vos lecteurs gardent la maîtrise de leur navigation. Données issues de l'API publique.

Widget Top 3 LLMformat carte d'article