Composants

Explorez les 313 composants disponibles dans la bibliotheque.

Core

Avatar

Affiche une image d'avatar utilisateur avec des initiales de repli. Installez Avatar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Badge

Petite etiquette de statut avec des styles de variantes. Installez Badge depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Banner

Barre d'annonce pleine largeur avec variantes, fermeture et un emplacement d'action optionnel. Installez Banner depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

6 storiesVoir le composant

Button

Bouton React accessible avec variantes, tailles et support clavier complet — installez-le depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

9 storiesVoir le composant

Checkbox

Controle a bascule pour une saisie booleenne. Installez Checkbox depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Cookie Consent

Banniere de consentement aux cookies masquable avec des variantes de position et des actions accepter/refuser pour la conformite a la vie privee. Installez Cookie Consent depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Copy Button

Utilitaire de copie en un clic avec retour de confirmation et un hook useCopyToClipboard. Installez Copy Button depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Display

Texte d'affichage surdimensionne pilote par les tokens d'affichage, avec une revelation optionnelle respectant la reduction des animations. Installez Display depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Empty State

Espace reserve centre pour listes, tableaux et resultats de recherche vides avec tailles sm/md/lg. Installez Empty State depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Grid

Primitive de mise en page grille CSS responsive avec props de colonnes et d'espacement par point de rupture. Installez Grid depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Heading

Titre semantique (h1-h6) avec tokens de design de police, graisse et taille surchargeables par theme. Installez Heading depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Input

Champ de saisie de texte pour formulaires. Installez Input depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Kbd

Indicateur de touche clavier avec expansion des modificateurs selon la plateforme via la prop shortcut. Installez Kbd depuis le registre VLLNT UI avec la CLI shadcn.

Web

6 storiesVoir le composant

Label

Etiquette de formulaire accessible qui associe un texte descriptif a un controle de saisie. Installez Label depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Link

Lien stylise avec des variantes d'emphase et une indication de lien externe. Installez Link depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Meter

Barre de mesure statique (role=meter) pour une plage connue, avec des segments optionnels. Installez Meter depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Panel

Surface de contenu bordee et titree avec emplacements d'en-tete, de corps et de pied de page. Installez Panel depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Prose

Conteneur de contenu long qui stylise les descendants HTML bruts avec l'echelle typographique pilotee par les tokens. Installez Prose depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

QR Code

Genere un QR code a partir d'une valeur de chaine sous forme de SVG adapte au theme. Installez QR Code depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Radio Group

Groupe de boutons radio pour une saisie a selection unique. Installez Radio Group depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Separator

Diviseur visuel entre les sections de contenu. Installez Separator depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Skeleton

Animation de chargement de substitution pour le contenu. Installez Skeleton depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Slider

Curseur de plage pour selectionner des valeurs numeriques. Installez Slider depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Switch

Interrupteur a bascule pour un etat binaire active/desactive. Installez Switch depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Text

Primitive de texte de corps avec une famille sans-serif pilotee par des tokens et une echelle de taille/ton/graisse ; polymorphe via `as`. Installez Text depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Textarea

Champ de saisie de texte multiligne. Installez Textarea depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Toggle

Bouton bascule a deux etats. Installez Toggle depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Toggle Group

Groupe de boutons bascule pour une selection simple ou multiple. Installez Toggle Group depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Toolbar

Groupe de controles horizontal (role=toolbar) avec focus mobile par fleches et separateurs. Installez Toolbar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Typography

Primitives de texte semantiques : titres, paragraphe, chapeau, texte attenue, citation, code en ligne et liste. Installez Typography depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Form

Button Group

Groupe de boutons visuellement connectes qui partagent des bordures. Installez Button Group depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Calendar

Calendrier selecteur de dates pour choisir des dates. Installez Calendar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Category Filter

Selection de categorie filtrable pour les listes de contenu. Installez Category Filter depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Checkbox Group

Groupe de cases a cocher associees soutenu par un tableau de valeurs selectionnees. Installez Checkbox Group depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Color Picker

Selecteur de couleur en popover avec des echantillons, un curseur de teinte et une saisie hexadecimale. Installez Color Picker depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Combobox

Champ de selection recherchable pour choisir dans une liste d'options. Installez Combobox depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Date Field

Saisie de date native stylisee pour correspondre au systeme de design. Installez Date Field depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Date Picker

Selecteur de date unique construit avec les primitives partagees de calendrier et de popover. Installez Date Picker depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Date Range Picker

Calendrier en popover pour selectionner une date de debut et de fin. Installez Date Range Picker depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Field

Conteneur de mise en page associant un libelle, un controle, une description et un message d'erreur. Installez Field depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Fieldset

Regroupe des champs lies sous une legende commune. Installez Fieldset depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

File Upload

Selecteur de fichiers de type zone de depot avec apercus des fichiers selectionnes. Installez File Upload depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Filter Bar

Barre horizontale avec controles de filtre pour listes de contenu. Installez Filter Bar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Form

Conteneur de validation pour composer libelles, descriptions, controles et messages. Installez Form depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Inline Input

Champ de saisie en ligne avec validation et annulation au clavier. Installez Inline Input depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Input Group

Regroupe un champ de saisie avec des modules en tete ou en fin. Installez Input Group depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Input OTP

Saisie de mot de passe a usage unique avec champs segmentes. Installez Input OTP depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Item

Mise en page de ligne flexible avec media en tete, contenu et actions en fin. Installez Item depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

List Box

Liste d'options accessible a selection simple ou multiple. Installez List Box depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Multi Select

Champ de selection multiple base sur un popover avec badges de valeurs selectionnees et recherche optionnelle. Installez Multi Select depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Native Select

Habillage stylise autour de l'element select natif. Installez Native Select depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Newsletter Signup

Formulaire de capture d'e-mail avec machine a etats idle/sending/sent/error, validateurs personnalises et libelles remplacables. Installez Newsletter Signup depuis le registre VLLNT UI avec la CLI shadcn.

Web

5 storiesVoir le composant

Number Input

Champ numerique avec controles d'incrementation et de decrementation. Installez Number Input depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Password Input

Champ de mot de passe avec bascule de visibilite integree. Installez Password Input depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Phone Input

Champ de numero de telephone avec selecteur d'indicatif pays. Installez Phone Input depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Range Calendar

Calendrier qui selectionne une date de debut et de fin sous forme de plage. Installez Range Calendar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Scope Selector

Selecteur de portee multi-niveaux pour environnements imbriques, equipes et cibles. Installez Scope Selector depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Search Bar

Champ de recherche textuelle avec icone et fonction d'effacement. Installez Search Bar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Search Field

Champ de recherche avec une icone en tete et un bouton d'effacement. Installez Search Field depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Segmented Control

Selecteur segmente a choix unique pour changer de modes, de vues ou de filtres. Installez Segmented Control depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Select

Champ de selection deroulant pour choisir dans une liste d'options. Installez Select depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Tag Group

Ensemble d'etiquettes prenant en charge la selection et la suppression. Installez Tag Group depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Tags Input

Editeur d'etiquettes convivial au clavier pour ajouter et supprimer des valeurs de chaine. Installez Tags Input depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Text Field

Champ de texte avec libelle regroupant description et message d'erreur. Installez Text Field depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Time Field

Champ d'heure natif stylise pour correspondre au design system. Installez Time Field depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Time Picker

Selecteur d'heure en popover compose de colonnes d'heures et de minutes. Installez Time Picker depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Timeline Scrubber

Curseur de plage pour parcourir la lecture des etats du canvas, avec reperes de jalons optionnels. Installez Timeline Scrubber depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Overlay

Alert Dialog

Boite de dialogue modale pour confirmer des actions destructrices ou importantes. Installez Alert Dialog depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Animated Tooltip

Info-bulle qui s'anime au survol ou au focus avec un effet d'echelle et de fondu. Installez Animated Tooltip depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Command

Palette de commandes avec recherche, groupes et navigation au clavier. Installez Command depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Context Menu

Menu contextuel au clic droit avec des elements et des sous-menus. Installez Context Menu depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Dialog

Superposition de dialogue modale pour du contenu et des actions cibles. Installez Dialog depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Drawer

Panneau coulissant ancre au bord de l'ecran. Installez Drawer depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Dropdown Menu

Menu deroulant accessible avec des elements, des cases a cocher, des groupes de boutons radio et des sous-menus. Installez Dropdown Menu depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Edge Label

Etiquette d'arete en ligne pour la semantique des relations comme les flux, les transferts ou les politiques. Installez Edge Label depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Hover Card

Carte qui apparait au survol pour previsualiser du contenu. Installez Hover Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Popover

Panneau de contenu flottant ancre a un element declencheur. Installez Popover depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Share Dialog

Boite de dialogue modale pour partager une page sur les plateformes sociales avec une action de copie du lien et des libelles remplacables. Installez Share Dialog depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Sheet

Panneau coulissant depuis le bord de l'ecran. Installez Sheet depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Toast

Messages de notification temporaires avec prise en charge d'actions. Installez Toast depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Tooltip

Info-bulle affichee au survol ou au focus. Installez Tooltip depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Zoom HUD

Controles de zoom avec pourcentage actuel, boutons d'increment et action de reinitialisation pour les vues du canvas. Installez Zoom HUD depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Navigation

Animated Tabs

Onglets avec un indicateur coulissant qui s'anime vers l'element actif. Installez Animated Tabs depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Bottom Bar

Fine bande d'interface epinglee au bas d'une coque de canevas comme hote calme pour les bandes d'activite, les pastilles de statut et les indicateurs ambiants. Installez Bottom Bar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Breadcrumb

Fil d'ariane de navigation montrant la hierarchie de la page actuelle. Installez Breadcrumb depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Dock

Dock de style macOS dont les icones s'agrandissent pres du pointeur. Installez Dock depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Floating Navbar

Barre de navigation flottante qui se masque au defilement vers le bas et reapparait vers le haut. Installez Floating Navbar depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Horizontal Scroll Row

Conteneur de defilement horizontal avec defilement par accroche, navigation par chevrons et barre de defilement masquee. Installez Horizontal Scroll Row depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Jarvis Dock

Dock inferieur flottant avec boutons d'action rapide + un declencheur de palette de commandes. Installez Jarvis Dock depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Left Rail

Rail vertical compact pour les modes canvas, les actions d'outils et les controles de navigation secondaire. Installez Left Rail depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Menubar

Barre de menus horizontale avec menus deroulants. Installez Menubar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Navbar SaaS

Barre de navigation de style SaaS avec image de marque et liens. Installez Navbar SaaS depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Navigation Menu

Menu de navigation accessible avec liens et sous-navigation. Installez Navigation Menu depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Pagination

Controles de navigation de pages avec liens precedent, suivant et de page. Installez Pagination depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Right Dock

Dock contextuel pour inspecteurs, resumes et panneaux de canvas secondaires. Installez Right Dock depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Sidebar

Disposition de navigation avec barre laterale repliable. Installez Sidebar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Sidebar Provider

Fournisseur de contexte pour gerer l'etat ouvert/ferme de la barre laterale. Installez Sidebar Provider depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Sidebar Toggle

Bouton bascule responsive pour ouvrir et fermer la barre laterale. Installez Sidebar Toggle depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Step Navigation

Controles de navigation pour parcourir un contenu multi-pages etape par etape. Installez Step Navigation depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Tabs

Panneaux de contenu a onglets avec declencheurs d'onglet accessibles au clavier. Installez Tabs depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Top Bar

Barre d'en-tete d'espace de travail pour titres, controles de gauche, navigation centree et actions de droite. Installez Top Bar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

View Switcher

Bascule basee sur un parametre d'URL entre des vues nommees avec un style pilule ou onglet. Installez View Switcher depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Viewport Bookmarks

Liste de vues enregistrees pour le canvas, emplacements spatiaux epingles avec etat actif optionnel. Installez Viewport Bookmarks depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Workspace Switcher

Selecteur d'espace de travail segmente pour basculer entre les vues du canvas et les contextes operationnels. Installez Workspace Switcher depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

World Breadcrumbs

Fil d'ariane spatial montrant la position actuelle du canvas dans une hierarchie de mondes, groupes et executions. Installez World Breadcrumbs depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Data

Activity Heatmap

Grille de type contributions pour visualiser l'activite operationnelle dans le temps. Installez Activity Heatmap depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Activity Log

Flux d'activite pagine pour l'historique d'audit et les changements analytiques. Installez Activity Log depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Alert

Affiche un message d'alerte a l'utilisateur. Installez Alert depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Area Chart

Affiche un graphique en aires pour la visualisation de donnees. Installez Area Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

Voir le composant

Avatar Group

Pile d'avatars superposes pour les participants, les personnes assignees et les contextes collaboratifs. Installez Avatar Group depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Bar Chart

Affiche un graphique a barres pour la visualisation de donnees. Installez Bar Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

Voir le composant

Bottom Activity Strip

Rangee fine a defilement horizontal des evenements recents du canevas pour une activite en direct discrete. Installez Bottom Activity Strip depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Candlestick Chart

Graphique financier OHLC pour l'action des prix session par session. Installez Candlestick Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Comparison

Disposition de comparaison cote a cote pour du contenu ou des fonctionnalites. Installez Comparison depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Contribution Graph

Carte thermique de style GitHub de l'activite quotidienne au fil du temps. Installez Contribution Graph depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Countdown Timer

Compte a rebours et minuteur SLA pour les echeances, les escalades et les fenetres de reponse. Installez Countdown Timer depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Data List

Disposition semantique de metadonnees cle-valeur pour afficher des etiquettes avec des valeurs. Installez Data List depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Data Table

Tableau de donnees ameliore avec des controles de tri, de filtrage, de selection et de pagination. Installez Data Table depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Flow Diagram

Diagramme de flux interactif avec noeuds, liens et controles. Installez Flow Diagram depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Gantt Chart

Chronologie de projet avec barres de taches, superpositions de progression, jalons et un indicateur du jour sur des echelles jour/semaine/mois/trimestre. Installez Gantt Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Gauge Chart

Jauge semi-circulaire pour une valeur unique dans une plage. Installez Gauge Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Heat Overlay

Surcouche de type carte de chaleur dessinant des taches radiales douces pour echantillons d'activite du canvas. Installez Heat Overlay depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Line Chart

Affiche un graphique en courbes pour la visualisation de donnees. Installez Line Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

Voir le composant

Live Feed

Flux d'activite continu pour faire remonter les incidents, les deploiements et les signaux operationnels en temps reel. Installez Live Feed depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Market Treemap

Carte thermique de marche par secteur utilisant des tuiles ponderees et des couleurs de performance signees. Installez Market Treemap depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Metric Cluster

Pile compacte de metriques liees epinglee au coin d'un objet du canvas. Installez Metric Cluster depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Metric Gauge

Affichage en arc et cadran en temps reel pour les pourcentages surveilles et l'utilisation. Installez Metric Gauge depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Mini Map Panel

Panneau d'apercu de la vue montrant les limites du canvas, les marqueurs et la fenetre de zoom actuelle. Installez Mini Map Panel depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Order Book

Carnet de profondeur achat/vente de niveau II avec barres de taille cumulee et affichage du spread. Installez Order Book depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Overview Board

Grille de cartes d'apercu pour des tableaux de bord en un coup d'oeil — une rangee de metriques cles avec un espacement et un ton coherents. Installez Overview Board depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Pie Chart

Graphique circulaire ou en anneau proportionnel pour les comparaisons partie-tout. Installez Pie Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Presence Stack

Avatars de presence en direct qui se chevauchent, avec pastilles de statut et une puce de debordement raisonnable. Installez Presence Stack depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Presence Sync Indicator

Pastille compacte qui affiche l'etat de connexion et de synchronisation en direct pour un canvas collaboratif. Installez Presence Sync Indicator depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Progress Bar

Indicateur de progression visuel avec etiquettes et etat d'achevement. Installez Progress Bar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Progress Card

Carte affichant les metriques de progression et le statut. Installez Progress Card depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Radar Chart

Graphique en radar comparant plusieurs metriques sur des axes communs. Installez Radar Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Run Timeline

Chronologie d'execution multi-voies montrant les phases d'execution au fil du temps, avec curseur optionnel. Installez Run Timeline depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Sankey Chart

Diagramme de flux montrant des liens ponderes entre les noeuds. Installez Sankey Chart depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Severity Badge

Etiquette de gravite operationnelle avec variantes de ton et pulsation optionnelle pour les incidents critiques. Installez Severity Badge depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

5 storiesVoir le composant

Sparkline Grid

Grille de KPI composee de tuiles de valeurs etiquetees, chacune associee a une tendance sparkline compacte. Installez Sparkline Grid depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Stat Card

Carte de KPI principale pour les metriques, les tendances et le contexte associe. Installez Stat Card depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Status Board

Grille de sante des services pour faire apparaitre l'etat de l'infrastructure, la pression des files d'attente et les incidents. Installez Status Board depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Status Indicator

Etiquette de statut compacte avec options de ton, de variante et de point d'activite. Installez Status Indicator depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Sticky Metric

Pastille de metrique epinglee qui adhere au coin d'un objet du canvas. Installez Sticky Metric depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Table

Tableau de donnees stylise avec des sections d'en-tete, de corps et de pied de page. Installez Table depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Threshold Ring

Jauge circulaire compacte indiquant a quel point une valeur approche un seuil. Installez Threshold Ring depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Ticker Tape

Bandeau defilant de style marquee avec badges de prix et de variation. Installez Ticker Tape depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Usage Breakdown

Liste classee de consommation des ressources avec part relative et indices de tendance. Installez Usage Breakdown depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Watchlist

Liste de symboles suivis avec prix, variation et resume des hausses et baisses. Installez Watchlist depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

World Clock Bar

Affichage multi-fuseaux horaires pour les equipes en continu et les passations operationnelles. Installez World Clock Bar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Data Display

Animated Beam

Faisceau degrade anime qui relie deux elements avec un trajet de lumiere fluide. Installez Animated Beam depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Choropleth Map

Carte choroplethe SVG autonome, polygones de regions colores selon la valeur des donnees avec info-bulle, legende et repli en tableau de donnees accessible. Installez Choropleth Map depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Chronological Timeline

Chronologie riche en medias et pilotee par le defilement avec des cartes alternees, des medias image/video/audio et une barre de progression. Installez Chronological Timeline depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Floating Toolbar

Barre d'actions compacte qui flotte au-dessus d'une selection — variantes primary / ghost / destructive. Installez Floating Toolbar depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Follow Mode

Habillage de mode suivi — encadre une region avec la couleur d'un participant et affiche une puce d'arret de suivi. Installez Follow Mode depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Geography Quiz Map

Quiz cartographique interactif en mode identification — cliquez la bonne region a chaque question avec retour visuel, score et panneau de resultats. Installez Geography Quiz Map depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Glass Progress

Barre de progression en verre avec piste translucide et remplissage colore par token. Installez Glass Progress depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Globe 3D

Globe pseudo-3D SVG autonome — projection orthographique avec rotation automatique, interaction par glisser, marqueurs lat/lng et arcs de grand cercle. Installez Globe 3D depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Handoff Beacon

Balise de routage d'attention avec anneau pulsant et carte source / message optionnelle pour canvas en direct. Installez Handoff Beacon depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Heat Map Overlay

Carte de chaleur geographique SVG autonome — taches en degrade radial avec rayon, flou, degrade et opacite configurables. Installez Heat Map Overlay depuis le registre VLLNT UI avec la CLI shadcn.

Web

5 storiesVoir le composant

Historic Timeline

Chronologie specialisee pour evenements historiques couvrant des siecles ou millenaires, avec bandes d'epoques, barres de periodes et marqueurs de points BCE/CE. Installez Historic Timeline depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Interactive Timeline

Chronologie multi-pistes zoomable et deplacable avec filtre de categorie, marqueur du jour et evenements selectionnables au clic. Installez Interactive Timeline depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Map 2D

Primitive de carte 2D legere — canvas SVG avec projection equirectangulaire, marqueurs, popups, couches de polygones GeoJSON, controles de zoom et une image de fond optionnelle. Installez Map 2D depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Map Timeline

Carte SVG autonome et curseur temporel — les polygones d'epoque et les evenements dates apparaissent lorsque l'utilisateur parcourt la chronologie. Installez Map Timeline depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Primary Source Viewer

Visionneuse de documents pour sources primaires historiques avec zoom, rotation, annotations de zones, panneau de transcription et pied de page de metadonnees. Installez Primary Source Viewer depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Route Map

Carte SVG autonome avec traces de routes animes, points de passage et indicateur de progression. Pour routes commerciales, voyages, migrations et suivi de livraison. Installez Route Map depuis le registre VLLNT UI avec la CLI shadcn.

Web

5 storiesVoir le composant

Scroll Progress

Barre fixe qui suit la progression de lecture le long de la page. Installez Scroll Progress depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Selection Halo

Halo de selection de l'utilisateur local avec poignees d'angle et emplacement d'etiquette pour les canvas spatiaux. Installez Selection Halo depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Snap Guides

Superposition de guides d'alignement — lignes verticales et horizontales en pointilles qui apparaissent pendant un glissement. Installez Snap Guides depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Story Map

Carte narrative SVG autonome pilotee par le defilement — IntersectionObserver suit le chapitre actif et la carte se deplace vers son centre + zoom. Installez Story Map depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Tree View

Composant d'arborescence hierarchique pour donnees imbriquees avec etat controle, selection simple ou multiple et navigation au clavier. Installez Tree View depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Content

Accordion

Sections de contenu repliables prenant en charge un ou plusieurs elements ouverts. Installez Accordion depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Animated List

Liste dont les elements s'animent sequentiellement avec une entree echelonnee. Installez Animated List depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Animated Testimonials

Carrousel de temoignages avec des transitions animees entre les citations. Installez Animated Testimonials depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Bento Grid

Disposition de grille de style bento reactive avec des cartes de fonctionnalites. Installez Bento Grid depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Blog Card

Disposition de carte pour afficher les apercus d'articles de blog. Installez Blog Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Blur Reveal

Revele le contenu avec une transition de flou vers nettete lorsqu'il apparait au defilement. Installez Blur Reveal depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Callout

Bloc de contenu mis en evidence avec des styles de variantes pour info, avertissement, danger et plus encore. Installez Callout depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Card

Conteneur avec des sections en-tete, contenu et pied de page. Installez Card depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Carousel

Carrousel de contenu defilable avec des controles de navigation. Installez Carousel depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Code Block

Affichage de code avec coloration syntaxique et prise en charge de la copie. Installez Code Block depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Code Playground

Editeur de code interactif avec apercu en direct. Installez Code Playground depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Collapsible

Section de contenu extensible et repliable. Installez Collapsible depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Content Intro

Section d'introduction pour les pages de contenu avec titre et description. Installez Content Intro depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Credit Badge

Pastille de statut de solde pour les credits, les etats de portefeuille et la sante de facturation. Installez Credit Badge depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Document Sibling Nav

Navigateur plus recent/plus ancien : liens vers l'element precedent et suivant dans une serie ordonnee. Installez Document Sibling Nav depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

6 storiesVoir le composant

Expandable Cards

Cartes qui se deploient au clic pour reveler du contenu supplementaire. Installez Expandable Cards depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

FAQ

Section de questions frequentes avec reponses extensibles. Installez FAQ depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

MDX Content

Affiche du contenu MDX avec correspondance de composants. Installez MDX Content depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Object Card

Vue d'objet durable pour les agents, les executions, les artefacts et les taches dans le canvas. Installez Object Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Object Inspector

En-tete de detail ancre a droite — pastille de type, point de statut, titre/sous-titre, avec emplacements de sections de proprietes. Installez Object Inspector depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Plan Badge

Indicateur de niveau d'abonnement pour la tarification, la facturation et les recapitulatifs de compte. Installez Plan Badge depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Policy Delivery Panel

Panneau ancre a droite listant les politiques et garde-fous actifs pour la route ou l'execution. Installez Policy Delivery Panel depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Property Section

Grille cle/valeur compacte pour les panneaux d'inspection : etiquettes, sous-etiquettes, repli optionnel. Installez Property Section depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Relationship Inspector

Panneau ancre a droite listant les liens entrants et sortants de l'objet du canvas cible. Installez Relationship Inspector depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Reveal Text

Revele le texte avec un glissement directionnel et un fondu lorsqu'il entre dans la zone d'affichage. Installez Reveal Text depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Role Badge

Indicateur de role de compte pour proprietaires, administrateurs, membres et contacts de facturation. Installez Role Badge depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Routing Assignment Panel

Panneau ancre a droite listant les emplacements d'agents vers lesquels une route active repartit. Installez Routing Assignment Panel depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Runtime Overview Panel

Grille de tuiles recapitulative en haut du dock pour l'etat d'execution lorsqu'aucun objet du canvas n'est selectionne. Installez Runtime Overview Panel depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Scramble Text

Brouille les caracteres puis les resout en texte final. Installez Scramble Text depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Share Section

Section de boutons de partage social et de copie du lien. Installez Share Section depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Shimmer Text

Texte avec une bande de lumiere vive qui le balaie. Installez Shimmer Text depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Slideshow

Diaporama pas a pas pour presenter le contenu de maniere sequentielle. Installez Slideshow depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Spinning Text

Texte dispose en cercle qui tourne en continu. Installez Spinning Text depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Subscription Card

Carte de statut et de gestion d'abonnement pour les details du forfait, du renouvellement et de l'utilisation. Installez Subscription Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Terminal

Affichage de style terminal pour la sortie des commandes. Installez Terminal depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Text Animate

Anime l'apparition du texte mot par mot ou caractere par caractere avec des effets configurables. Installez Text Animate depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

4 storiesVoir le composant

Text Reveal

Attenue et eclaircit les mots a mesure que le texte defile dans la fenetre d'affichage. Installez Text Reveal depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Text Shimmer

Texte avec un remplissage en degrade anime qui scintille. Installez Text Shimmer depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Timeline

Chronologie verticale ou horizontale d'evenements sequentiels avec statuts termine/actif/a venir et lignes de connexion. Installez Timeline depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

TLDR Section

Section de resume pour un apercu rapide du contenu. Installez TLDR Section depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Typewriter

Affiche le texte caractere par caractere avec un curseur clignotant. Installez Typewriter depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

Video Embed

Integration video responsive pour YouTube et d'autres fournisseurs. Installez Video Embed depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Wallet Card

Carte d'affichage du solde de credits pour les details de disponibilite, d'attente et de rechargement. Installez Wallet Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

AI

Agent Activity

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.

WebNatif

4 storiesVoir le composant

AI Artifact

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.

WebNatif

4 storiesVoir le composant

AI Chat Input

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.

WebNatif

2 storiesVoir le composant

AI Message Bubble

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.

WebNatif

3 storiesVoir le composant

AI Sidebar

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.

Web

3 storiesVoir le composant

AI Source Citation

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.

WebNatif

1 storyVoir le composant

AI Streaming Text

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.

WebNatif

2 storiesVoir le composant

AI Tool Call Display

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.

WebNatif

2 storiesVoir le composant

Chain of Thought

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.

WebNatif

3 storiesVoir le composant

Chat Dock Section

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.

Web

1 storyVoir le composant

Conversation Thread

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.

WebNatif

3 storiesVoir le composant

Model Comparison

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.

Web

4 storiesVoir le composant

Model Selector

Selecteur deroulant pour choisir des modeles IA. Installez Model Selector depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Prompt Input

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.

WebNatif

4 storiesVoir le composant

Prompt Templates

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.

Web

4 storiesVoir le composant

Reasoning

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.

WebNatif

3 storiesVoir le composant

Thinking Block

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.

WebNatif

1 storyVoir le composant

Learning

Annotation

Surlignage en ligne avec une note contextuelle attachee. Installez Annotation depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Checklist

Liste de controle interactive avec suivi de progression et elements activables. Installez Checklist depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Completion Dialog

Boite de dialogue affichee a la fin d'une tache ou d'un flux de travail. Installez Completion Dialog depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Curriculum

Conteneur de mise en page de cours pour une sequence de lecons ou de modules avec titre, progression, introduction optionnelle et une pile de lignes de lecons. Installez Curriculum depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Exercise

Bloc d'exercice interactif pour contenu pedagogique. Installez Exercise depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Flashcard

Carte d'etude pour rappel actif avec etats question et reponse. Installez Flashcard depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Key Concept

Bloc de definition mis en avant pour termes cles et une liste de glossaire. Installez Key Concept depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Keyboard Shortcuts Help

Affiche les raccourcis clavier disponibles a l'utilisateur. Installez Keyboard Shortcuts Help depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Learning Objectives

Liste les objectifs d'apprentissage pour du contenu educatif. Installez Learning Objectives depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Pro Tip

Bloc d'astuce mis en avant avec des variantes pour astuces, bonnes pratiques, pieges et plus encore. Installez Pro Tip depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Profile Section

Section d'affichage du profil utilisateur avec avatar et details. Installez Profile Section depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Progress Tracker

Tableau de bord d'apprentissage au niveau du programme pour modules, lecons, exercices, series et competences acquises. Installez Progress Tracker depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Quiz

Quiz interactif a choix multiples avec indices, explications et notation. Installez Quiz depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Rating

Notation par etoiles en ligne pour un retour leger des apprenants. Installez Rating depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Search Dialog

Boite de dialogue de recherche plein ecran avec navigation au clavier. Installez Search Dialog depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Step By Step

Guide d'etapes numerotees avec suivi interactif optionnel de la progression. Installez Step By Step depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Stepper

Etapes sequencees avec des etats termine, actuel et a venir. Installez Stepper depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Tour

Parcours d'accueil guide pour presenter du contenu ou des schemas d'interface. Installez Tour depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Tutorial Card

Carte pour afficher les apercus de tutoriels avec metadonnees. Installez Tutorial Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Tutorial Complete

Ecran de fin affiche lorsqu'un tutoriel est termine. Installez Tutorial Complete depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Tutorial Filters

Controles de filtre pour parcourir les tutoriels par categorie ou difficulte. Installez Tutorial Filters depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Tutorial Intro Content

Section d'introduction pour les pages de tutoriel avec apercu et prerequis. Installez Tutorial Intro Content depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Tutorial MDX

Moteur de rendu MDX adapte au contenu de tutoriel avec des composants personnalises. Installez Tutorial MDX depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Educational

Civilization Card

Apercu de civilisation avec banniere principale, chronologie des eres BCE/CE, statistiques cles, realisations et dirigeants notables. Installez Civilization Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

5 storiesVoir le composant

Era Comparison

Comparaison cote a cote d'epoques historiques avec lignes par domaine, colonnes thematiques colorees, points forts et puces de personnages. Installez Era Comparison depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Historical Figure Card

Carte de profil avec portrait, chronologie de vie, domaines, oeuvres, citation, connexions et une section biographie extensible. Installez Historical Figure Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

5 storiesVoir le composant

Knowledge Check

Verification de connaissances en ligne avec questions a choix multiple / vrai-faux / a completer, retour par reponse et un resume final du score. Installez Knowledge Check depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Parallel Timeline

Chronologie multi-pistes avec axe temporel partage, marqueurs d'evenements BCE/CE et bandes d'epoque optionnelles pour l'histoire comparee. Installez Parallel Timeline depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Billing

Auto Reload

Bascule + formulaire repliable de seuil/montant pour le rechargement automatique de credits avec devise adaptee a la locale. Installez Auto Reload depuis le registre VLLNT UI avec la CLI shadcn.

Web

5 storiesVoir le composant

Pricing Table

Comparaison de forfaits avec liste de fonctionnalites, mise en avant des niveaux, CTA et une bascule mensuel/annuel optionnelle. Installez Pricing Table depuis le registre VLLNT UI avec la CLI shadcn.

Web

3 storiesVoir le composant

Transaction List

Historique chronologique de credits et debits avec formatage monetaire selon la locale et une ligne d'abonnement epinglee. Installez Transaction List depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Utility

Alert Pulse

Superposition d'anneau pulsant pour alerter les objets du canevas, avec des tons de gravite. Installez Alert Pulse depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Anchor Port

Marqueur de port pour les entrees, sorties et liens bidirectionnels d'objets sur le canevas. Installez Anchor Port depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Animated Grid Pattern

Arriere-plan de grille decoratif avec des carres qui apparaissent et disparaissent en fondu de facon aleatoire. Installez Animated Grid Pattern depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Animated Text

Revelation de texte echelonnee pour les titres, les citations mises en avant et les courts textes d'accompagnement. Installez Animated Text depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

12 storiesVoir le composant

Aspect Ratio

Contraint le contenu a un rapport d'aspect specifie. Installez Aspect Ratio depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Border Beam

Faisceau d'accent anime qui parcourt la bordure d'une surface mise en evidence. Installez Border Beam depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Canvas Shell

Coque de disposition pour les espaces de travail canevas avec barre superieure, rail gauche, dock droit et regions d'emplacement inferieures. Installez Canvas Shell depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Canvas View

Fenetre interactive de panoramique et de zoom pour les surfaces spatiales avec prise en charge du clavier, de la molette et des superpositions. Installez Canvas View depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Card Flip

Carte qui se retourne en 3D entre une face avant et une face arriere. Installez Card Flip depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Comment Pin

Epingle de discussion ancree rendue aux coordonnees du canevas avec auteur et badge de non-lus. Installez Comment Pin depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Connector Edge

Arete courbe entre des objets du canevas avec un etat d'etiquette en ligne optionnel. Installez Connector Edge depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Context Lens

Superposition en vignette qui assombrit le canevas en dehors d'une region de focus circulaire. Installez Context Lens depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Cursor

Suiveur de curseur personnalise qui traine derriere le pointeur. Installez Cursor depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Dot Pattern

Motif d'arriere-plan pointille decoratif construit a partir des couleurs de token. Installez Dot Pattern depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Floating Action Button

Bouton d'action a position fixe pour actions principales. Installez Floating Action Button depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Glass Card

Surface de carte en verre depoli avec flou d'arriere-plan et fond translucide. Installez Glass Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Glass Panel

Surface en verre depoli pour habillage flottant au-dessus d'un canvas — panneaux d'ancrage, barres d'outils survolantes et surcouches transitoires — avec fond translucide et bordure douce. Installez Glass Panel depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Group Hull

Conteneur de frontiere durable pour objets d'execution lies partageant contexte ou propriete. Installez Group Hull depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Infinite Plane

Arriere-plan deplacable en mosaique pour le canvas avec motif a points ou grille qui derive avec la fenetre. Installez Infinite Plane depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Lang Provider

Fournisseur de contexte pour la langue et l'internationalisation. Installez Lang Provider depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Liquid Glass

Surface en verre avec un reflet degrade liquide anime. Installez Liquid Glass depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Live Cursor

Curseur d'un utilisateur distant affiche aux coordonnees du canvas avec nom et pastille de statut. Installez Live Cursor depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Magnetic

Conteneur qui attire son contenu vers le pointeur pour un effet magnetique. Installez Magnetic depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Magnetic Button

Bouton qui derive vers le pointeur pour un effet de survol magnetique. Installez Magnetic Button depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Marquee

Bandeau de contenu defilant en continu pour les badges, les logos et les pastilles de statut. Installez Marquee depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

5 storiesVoir le composant

Meteors

Pluie de meteores decorative avec des trainees qui tombent en arriere-plan. Installez Meteors depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Multi Select Lasso

Superposition de rectangle de selection pour les gestes de selection multiple sur le canvas. Installez Multi Select Lasso depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Number Ticker

Transitions numeriques animees pour les statistiques, les KPI et les mises en avant numeriques compactes. Installez Number Ticker depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

2 storiesVoir le composant

Object Handle

Poignee de glissement/repositionnement pour les objets spatiaux qui necessitent une cible de prise discrete. Installez Object Handle depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Particles

Champ de particules flottantes qui derive doucement en arriere-plan. Installez Particles depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Playback Ghost

Superposition translucide indiquant ou se trouvait un objet du canvas a un horodatage precedent pendant la lecture. Installez Playback Ghost depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Progressive Blur

Superposition de flou progressif qui estompe la nettete vers un bord. Installez Progressive Blur depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Resizable

Disposition de panneaux redimensionnables avec poignees deplacables. Installez Resizable depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Scroll Area

Zone defilable personnalisee avec barres de defilement stylisees. Installez Scroll Area depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Selection Presence

Superposition a bordure en pointilles marquant ce qu'un autre utilisateur a selectionne sur le canvas. Installez Selection Presence depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Shimmer Button

Bouton avec un reflet lumineux qui balaie sa surface. Installez Shimmer Button depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Shine Border

Conteneur qui dessine une bordure en degrade anime autour de son contenu. Installez Shine Border depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Shiny Button

Bouton avec un reflet en degrade brillant qui balaie en boucle. Installez Shiny Button depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Sparkles

Etincelles scintillantes decoratives dispersees derriere le contenu. Installez Sparkles depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Spinner

Indicateur de chargement rotatif anime. Installez Spinner depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Spotlight Card

Carte avec un projecteur radial qui suit le pointeur. Installez Spotlight Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

State Badge Overlay

Puce d'etat epinglee au coin d'un objet du canvas — inactif, en file d'attente, en cours, termine, echoue, arrete. Installez State Badge Overlay depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Table Of Contents

Table des matieres generee automatiquement a partir des titres de la page. Installez Table Of Contents depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Table Of Contents Panel

Panneau lateral affichant une table des matieres pour la navigation dans la page. Installez Table Of Contents Panel depuis le registre VLLNT UI avec la CLI shadcn.

Web

2 storiesVoir le composant

Theme Preset Provider

Applique le preset de theme persiste au montage et injecte un script anti-scintillement pour que le preset enregistre soit defini avant le rendu. Installez Theme Preset Provider depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Theme Provider

Fournisseur de contexte pour basculer entre theme clair et sombre. Installez Theme Provider depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Theme Switcher

Rangee compacte d'echantillons pour basculer entre les presets de theme integres, synchronisee avec tous les autres consommateurs de la page. Installez Theme Switcher depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Theme Toggle

Bouton pour basculer entre les themes clair et sombre. Installez Theme Toggle depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Thread Bubble

Bulle de discussion etendue pour un fil de commentaires ancre sur le canvas. Installez Thread Bubble depuis le registre VLLNT UI avec la CLI shadcn.

Web

4 storiesVoir le composant

Tilt Card

Carte qui s'incline en 3D vers le pointeur pour un survol parallaxe. Installez Tilt Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Truncated Text

Texte sur une seule ligne tronque avec des points de suspension lorsqu'il depasse une largeur maximale configurable. Installez Truncated Text depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Vous ne trouvez pas ce dont vous avez besoin ?

Demandez un nouveau composant et nous ouvrirons une issue GitHub pre-remplie avec les bons labels et le bon template.

Demander un composant