VLLNT UI · Famille de composants
Chat, agents, reasoning, tool calls, citations, and artifacts — the UI surfaces every AI product needs. Accessible React components you own after install, each also readable by AI coding agents as JSON.
Message bubbles, threaded conversations, and assistant sidebars for building complete AI chat interfaces.
Bulle de discussion pour les messages assistant, utilisateur, outil et systeme utilisant les surfaces du systeme de design actuel. Installez AI Message Bubble depuis le registre VLLNT UI avec la CLI shadcn.
Famille de composants composee pour les interfaces de chat IA qui orchestre le defilement automatique, les indicateurs de streaming, les etats vides et le rendu des messages. Installez Conversation Thread depuis le registre VLLNT UI avec la CLI shadcn.
Panneau d'assistant IA coulissant avec fournisseur, emplacements en-tete / contenu / pied de page et un declencheur autonome. Installez AI Sidebar depuis le registre VLLNT UI avec la CLI shadcn.
Section de barre laterale qui heberge un fil de discussion compact et defilable a cote d'un espace de travail spatial, integre dans un dock ou un rail pour garder un assistant IA visible. Installez Chat Dock Section depuis le registre VLLNT UI avec la CLI shadcn.
Auto-growing prompt inputs, chat composers, and reusable prompt template galleries for capturing user instructions.
Compositeur d'invite pour interfaces conversationnelles avec texte d'aide, actions de barre d'outils et etats d'envoi. Installez AI Chat Input depuis le registre VLLNT UI avec la CLI shadcn.
Zone de texte de prompt a croissance automatique avec un bouton d'envoi et un emplacement de barre d'outils optionnel. Installez Prompt Input depuis le registre VLLNT UI avec la CLI shadcn.
Galerie de modeles de prompts consultable avec filtre par categorie, formulaire de remplissage de variables et onSelect. Installez Prompt Templates depuis le registre VLLNT UI avec la CLI shadcn.
Live token streaming, chain-of-thought traces, and collapsible reasoning blocks that reveal how an AI model thinks.
Bloc de texte lisible pour la sortie partielle de l'assistant avec un curseur en direct optionnel pendant que les jetons arrivent en flux. Installez AI Streaming Text depuis le registre VLLNT UI avec la CLI shadcn.
Visualisation ordonnee et sensible au statut de la chaine de pensee d'un modele avec un etat par etape. Installez Chain of Thought depuis le registre VLLNT UI avec la CLI shadcn.
Trace de raisonnement IA repliable avec prise en charge du streaming et etapes ordonnees ou libres. Installez Reasoning depuis le registre VLLNT UI avec la CLI shadcn.
Bloc repliable affichant le raisonnement de l'IA avec prise en charge du streaming. Installez Thinking Block depuis le registre VLLNT UI avec la CLI shadcn.
Agent activity chains, tool-call traces, and source citations that make AI agent execution transparent and verifiable.
Affichage visuel de la chaine d'execution d'un agent IA — etapes, outils, decisions, progression. Installez Agent Activity depuis le registre VLLNT UI avec la CLI shadcn.
Carte structuree pour les traces d'invocation d'outils, les statuts, l'entree serialisee et la sortie retournee. Installez AI Tool Call Display depuis le registre VLLNT UI avec la CLI shadcn.
Carte de reference de source compacte pour les reponses IA avec un titre, une etiquette d'origine et un extrait optionnel. Installez AI Source Citation depuis le registre VLLNT UI avec la CLI shadcn.
Rendered AI artifacts, model selectors, and side-by-side model comparison for generated outputs and model choice.
Zone de sortie rendue pour le contenu genere par IA avec barre d'outils, actions copier/editer/telecharger/plein ecran et puces de version. Installez AI Artifact depuis le registre VLLNT UI avec la CLI shadcn.
Selecteur deroulant pour choisir des modeles IA. Installez Model Selector depuis le registre VLLNT UI avec la CLI shadcn.
Comparaison cote a cote des reponses de modeles IA avec mode aveugle optionnel, statistiques de metadonnees et une barre de vote. Installez Model Comparison depuis le registre VLLNT UI avec la CLI shadcn.
Lisible par les agents
Le registre est expose comme donnees structurees, afin que les agents de code choisissent le bon composant sans scraper le HTML.