Qu'est-ce qu'OpenUI ?

OpenUI est un standard et une boîte à outils open source qui permet aux applications d'IA de répondre avec des composants d'interface utilisateur interactifs — cartes, tableaux, formulaires, graphiques, etc. — au lieu d'un simple texte brut. Au lieu de forcer les modèles d'IA à produire du JSON brut ou du Markdown, OpenUI définit un langage léger et natif pour le streaming (OpenUI Lang) que n'importe quel LLM peut générer. Un moteur de rendu côté client analyse ce langage et le transforme en véritables composants React interactifs. Le résultat est un pipeline économe en tokens qui fonctionne avec tous les grands modèles d'IA — GPT, Claude, Gemini, Mistral, DeepSeek — et s'intègre aux frameworks d'agents comme Vercel AI SDK, LangChain, CrewAI et OpenAI Agents SDK.

À qui cela s'adresse

• Développeurs frontend créant des applications propulsées par l'IA – Vous souhaitez que votre IA renvoie des interfaces utilisateur soignées et interactives (carrousels, tableaux de bord, fiches de réservation) sans écrire d'analyseurs personnalisés ni vous battre avec le rendu JSON.
• Équipes produit déployant des interfaces conversationnelles – Vous avez besoin d'un moyen standard pour que les chatbots, copilotes et agents répondent avec des composants riches et réactifs qui s'intègrent naturellement à votre système de design.
• Ingénieurs IA/ML expérimentant avec l'interface utilisateur générative – Vous souhaitez tester comment différents modèles gèrent la génération structurée d'UI, et vous avez besoin d'un format sûr, prêt pour le streaming, qui évite l'exécution de code arbitraire.

Fonctionnalités clés

Définissez votre propre bibliothèque de composants

Vous enregistrez des composants en utilisant defineComponent et createLibrary de @openuidev/react-lang. Chaque composant reçoit un schéma Zod pour ses propriétés, afin que l'IA sache exactement quelles données fournir. Vous pouvez créer une bibliothèque de zéro ou encapsuler des bibliothèques UI existantes comme ShadCN, Material Design, DaisyUI ou Base UI.

OpenUI génère automatiquement le prompt système

Une fois que vous avez défini votre bibliothèque, OpenUI construit un prompt système qui indique au LLM comment répondre en OpenUI Lang. Pas d'ingénierie manuelle de prompts — enregistrez simplement vos composants, et la boîte à outils s'occupe du reste.

Le LLM répond en OpenUI Lang

Le modèle produit un langage compact et économe en tokens qui décrit la structure de l'interface utilisateur. Ce format utilise jusqu'à 67,1 % de tokens en moins qu'un rendu JSON équivalent, ce qui signifie des réponses plus rapides et des coûts réduits.

Le moteur de rendu analyse et affiche l'UI en temps réel

Le moteur de rendu côté client interprète le flux OpenUI Lang et affiche les composants React correspondants au fur et à mesure de leur arrivée. Le rendu est 3 fois plus rapide que les alternatives basées sur JSON, prend en charge le streaming natif et maintient l'interface utilisateur interactive avec un état réactif, des entrées et des actions connectées aux outils.

Ce qui se démarque

OpenUI transforme la sortie de l'IA en véritables composants d'interface utilisateur interactifs — sans le gonflement du JSON ni les analyseurs personnalisés.

La plupart des approches d'interface utilisateur générative forcent le LLM à produire un JSON verbeux, ce qui est lent, lourd en tokens et difficile à streamer. OpenUI remplace cela par un langage spécialement conçu, natif pour le streaming et économe en tokens. Le même pipeline fonctionne avec React, React Native et Vue, et s'intègre à des sources de données en direct via des outils et des serveurs MCP. La sécurité est intégrée : pas d'exécution de code arbitraire, seulement des appels de composants structurés.

À considérer si…

Vous créez une application propulsée par l'IA qui doit aller au-delà des réponses textuelles. Si vous souhaitez que votre chatbot affiche un carrousel d'hôtels avec des boutons de réservation, un tableau de bord en temps réel avec des données en direct, ou un formulaire en plusieurs étapes qui se met à jour au fur et à mesure de l'interaction de l'utilisateur, OpenUI vous offre un moyen standard de le faire. C'est particulièrement utile si vous utilisez déjà des frameworks comme Vercel AI SDK ou LangChain et que vous souhaitez ajouter une sortie UI riche sans réinventer la roue.