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.
1 storyBadge
Petite etiquette de statut avec des styles de variantes. Installez Badge depuis le registre VLLNT UI avec la CLI shadcn.
4 storiesBanner
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.
6 storiesButton
Bouton React accessible avec variantes, tailles et support clavier complet — installez-le depuis le registre VLLNT UI avec la CLI shadcn.
9 storiesCheckbox
Controle a bascule pour une saisie booleenne. Installez Checkbox depuis le registre VLLNT UI avec la CLI shadcn.
1 storyCookie 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.
1 storyCopy 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.
4 storiesDisplay
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.
3 storiesEmpty 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.
4 storiesGrid
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.
2 storiesHeading
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.
3 storiesInput
Champ de saisie de texte pour formulaires. Installez Input depuis le registre VLLNT UI avec la CLI shadcn.
1 storyKbd
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.
6 storiesLabel
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.
1 storyLink
Lien stylise avec des variantes d'emphase et une indication de lien externe. Installez Link depuis le registre VLLNT UI avec la CLI shadcn.
4 storiesMeter
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.
3 storiesPanel
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.
2 storiesProse
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.
1 storyQR 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.
3 storiesRadio Group
Groupe de boutons radio pour une saisie a selection unique. Installez Radio Group depuis le registre VLLNT UI avec la CLI shadcn.
1 storySeparator
Diviseur visuel entre les sections de contenu. Installez Separator depuis le registre VLLNT UI avec la CLI shadcn.
1 storySkeleton
Animation de chargement de substitution pour le contenu. Installez Skeleton depuis le registre VLLNT UI avec la CLI shadcn.
1 storySlider
Curseur de plage pour selectionner des valeurs numeriques. Installez Slider depuis le registre VLLNT UI avec la CLI shadcn.
1 storySwitch
Interrupteur a bascule pour un etat binaire active/desactive. Installez Switch depuis le registre VLLNT UI avec la CLI shadcn.
1 storyText
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.
2 storiesTextarea
Champ de saisie de texte multiligne. Installez Textarea depuis le registre VLLNT UI avec la CLI shadcn.
1 storyToggle
Bouton bascule a deux etats. Installez Toggle depuis le registre VLLNT UI avec la CLI shadcn.
4 storiesToggle Group
Groupe de boutons bascule pour une selection simple ou multiple. Installez Toggle Group depuis le registre VLLNT UI avec la CLI shadcn.
1 storyToolbar
Groupe de controles horizontal (role=toolbar) avec focus mobile par fleches et separateurs. Installez Toolbar depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesTypography
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.
4 storiesForm
Button Group
Groupe de boutons visuellement connectes qui partagent des bordures. Installez Button Group depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesCalendar
Calendrier selecteur de dates pour choisir des dates. Installez Calendar depuis le registre VLLNT UI avec la CLI shadcn.
1 storyCategory Filter
Selection de categorie filtrable pour les listes de contenu. Installez Category Filter depuis le registre VLLNT UI avec la CLI shadcn.
1 storyCheckbox 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.
3 storiesColor 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.
2 storiesCombobox
Champ de selection recherchable pour choisir dans une liste d'options. Installez Combobox depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesDate Field
Saisie de date native stylisee pour correspondre au systeme de design. Installez Date Field depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesDate 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.
2 storiesDate 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.
2 storiesField
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.
3 storiesFieldset
Regroupe des champs lies sous une legende commune. Installez Fieldset depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesFile 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.
1 storyFilter Bar
Barre horizontale avec controles de filtre pour listes de contenu. Installez Filter Bar depuis le registre VLLNT UI avec la CLI shadcn.
1 storyForm
Conteneur de validation pour composer libelles, descriptions, controles et messages. Installez Form depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesInline Input
Champ de saisie en ligne avec validation et annulation au clavier. Installez Inline Input depuis le registre VLLNT UI avec la CLI shadcn.
1 storyInput 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.
3 storiesInput OTP
Saisie de mot de passe a usage unique avec champs segmentes. Installez Input OTP depuis le registre VLLNT UI avec la CLI shadcn.
1 storyItem
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.
2 storiesList Box
Liste d'options accessible a selection simple ou multiple. Installez List Box depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesMulti 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.
3 storiesNative Select
Habillage stylise autour de l'element select natif. Installez Native Select depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesNewsletter 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.
5 storiesNumber Input
Champ numerique avec controles d'incrementation et de decrementation. Installez Number Input depuis le registre VLLNT UI avec la CLI shadcn.
1 storyPassword Input
Champ de mot de passe avec bascule de visibilite integree. Installez Password Input depuis le registre VLLNT UI avec la CLI shadcn.
1 storyPhone Input
Champ de numero de telephone avec selecteur d'indicatif pays. Installez Phone Input depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesRange 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.
3 storiesScope Selector
Selecteur de portee multi-niveaux pour environnements imbriques, equipes et cibles. Installez Scope Selector depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesSearch Bar
Champ de recherche textuelle avec icone et fonction d'effacement. Installez Search Bar depuis le registre VLLNT UI avec la CLI shadcn.
1 storySearch 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.
2 storiesSegmented 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.
3 storiesSelect
Champ de selection deroulant pour choisir dans une liste d'options. Installez Select depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTag Group
Ensemble d'etiquettes prenant en charge la selection et la suppression. Installez Tag Group depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesTags 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.
3 storiesText Field
Champ de texte avec libelle regroupant description et message d'erreur. Installez Text Field depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesTime Field
Champ d'heure natif stylise pour correspondre au design system. Installez Time Field depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesTime 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.
2 storiesTimeline 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.
4 storiesOverlay
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.
1 storyAnimated 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.
2 storiesCommand
Palette de commandes avec recherche, groupes et navigation au clavier. Installez Command depuis le registre VLLNT UI avec la CLI shadcn.
1 storyContext 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.
1 storyDialog
Superposition de dialogue modale pour du contenu et des actions cibles. Installez Dialog depuis le registre VLLNT UI avec la CLI shadcn.
1 storyDrawer
Panneau coulissant ancre au bord de l'ecran. Installez Drawer depuis le registre VLLNT UI avec la CLI shadcn.
1 storyDropdown 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.
1 storyEdge 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.
1 storyHover Card
Carte qui apparait au survol pour previsualiser du contenu. Installez Hover Card depuis le registre VLLNT UI avec la CLI shadcn.
1 storyPopover
Panneau de contenu flottant ancre a un element declencheur. Installez Popover depuis le registre VLLNT UI avec la CLI shadcn.
1 storyShare 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.
1 storySheet
Panneau coulissant depuis le bord de l'ecran. Installez Sheet depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesToast
Messages de notification temporaires avec prise en charge d'actions. Installez Toast depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesTooltip
Info-bulle affichee au survol ou au focus. Installez Tooltip depuis le registre VLLNT UI avec la CLI shadcn.
1 storyZoom 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.
1 storyNavigation
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.
2 storiesBottom 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.
1 storyBreadcrumb
Fil d'ariane de navigation montrant la hierarchie de la page actuelle. Installez Breadcrumb depuis le registre VLLNT UI avec la CLI shadcn.
1 storyDock
Dock de style macOS dont les icones s'agrandissent pres du pointeur. Installez Dock depuis le registre VLLNT UI avec la CLI shadcn.
1 storyFloating 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.
1 storyHorizontal 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.
2 storiesJarvis 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.
4 storiesLeft 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.
1 storyMenubar
Barre de menus horizontale avec menus deroulants. Installez Menubar depuis le registre VLLNT UI avec la CLI shadcn.
1 storyNavbar 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.
1 storyNavigation Menu
Menu de navigation accessible avec liens et sous-navigation. Installez Navigation Menu depuis le registre VLLNT UI avec la CLI shadcn.
1 storyPagination
Controles de navigation de pages avec liens precedent, suivant et de page. Installez Pagination depuis le registre VLLNT UI avec la CLI shadcn.
1 storyRight Dock
Dock contextuel pour inspecteurs, resumes et panneaux de canvas secondaires. Installez Right Dock depuis le registre VLLNT UI avec la CLI shadcn.
1 storySidebar
Disposition de navigation avec barre laterale repliable. Installez Sidebar depuis le registre VLLNT UI avec la CLI shadcn.
1 storySidebar 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.
1 storySidebar Toggle
Bouton bascule responsive pour ouvrir et fermer la barre laterale. Installez Sidebar Toggle depuis le registre VLLNT UI avec la CLI shadcn.
1 storyStep 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.
1 storyTabs
Panneaux de contenu a onglets avec declencheurs d'onglet accessibles au clavier. Installez Tabs depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTop 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.
1 storyView 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.
1 storyViewport 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.
4 storiesWorkspace 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.
1 storyWorld 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.
4 storiesData
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.
3 storiesActivity 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.
2 storiesAlert
Affiche un message d'alerte a l'utilisateur. Installez Alert depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesArea Chart
Affiche un graphique en aires pour la visualisation de donnees. Installez Area Chart depuis le registre VLLNT UI avec la CLI shadcn.
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.
2 storiesBar Chart
Affiche un graphique a barres pour la visualisation de donnees. Installez Bar Chart depuis le registre VLLNT UI avec la CLI shadcn.
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.
4 storiesCandlestick Chart
Graphique financier OHLC pour l'action des prix session par session. Installez Candlestick Chart depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesComparison
Disposition de comparaison cote a cote pour du contenu ou des fonctionnalites. Installez Comparison depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesContribution 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.
2 storiesCountdown 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.
2 storiesData 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.
2 storiesData 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.
1 storyFlow Diagram
Diagramme de flux interactif avec noeuds, liens et controles. Installez Flow Diagram depuis le registre VLLNT UI avec la CLI shadcn.
1 storyGantt 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.
4 storiesGauge Chart
Jauge semi-circulaire pour une valeur unique dans une plage. Installez Gauge Chart depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesHeat 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.
4 storiesLine Chart
Affiche un graphique en courbes pour la visualisation de donnees. Installez Line Chart depuis le registre VLLNT UI avec la CLI shadcn.
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.
2 storiesMarket 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.
2 storiesMetric 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.
4 storiesMetric 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.
2 storiesMini 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.
1 storyOrder 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.
3 storiesOverview 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.
1 storyPie Chart
Graphique circulaire ou en anneau proportionnel pour les comparaisons partie-tout. Installez Pie Chart depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesPresence 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.
4 storiesPresence 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.
4 storiesProgress Bar
Indicateur de progression visuel avec etiquettes et etat d'achevement. Installez Progress Bar depuis le registre VLLNT UI avec la CLI shadcn.
1 storyProgress Card
Carte affichant les metriques de progression et le statut. Installez Progress Card depuis le registre VLLNT UI avec la CLI shadcn.
1 storyRadar Chart
Graphique en radar comparant plusieurs metriques sur des axes communs. Installez Radar Chart depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesRun 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.
4 storiesSankey Chart
Diagramme de flux montrant des liens ponderes entre les noeuds. Installez Sankey Chart depuis le registre VLLNT UI avec la CLI shadcn.
1 storySeverity 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.
5 storiesSparkline 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.
2 storiesStat 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.
2 storiesStatus 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.
3 storiesStatus 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.
2 storiesSticky 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.
4 storiesTable
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.
1 storyThreshold 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.
4 storiesTicker 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.
2 storiesUsage 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.
3 storiesWatchlist
Liste de symboles suivis avec prix, variation et resume des hausses et baisses. Installez Watchlist depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesWorld 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.
3 storiesData 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.
1 storyChoropleth 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.
4 storiesChronological 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.
4 storiesFloating 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.
3 storiesFollow 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.
3 storiesGeography 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.
3 storiesGlass 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.
2 storiesGlobe 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.
3 storiesHandoff 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.
4 storiesHeat 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.
5 storiesHistoric 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.
4 storiesInteractive 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.
4 storiesMap 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.
4 storiesMap 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.
3 storiesPrimary 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.
3 storiesRoute 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.
5 storiesScroll 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.
1 storySelection 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.
3 storiesSnap 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.
3 storiesStory 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.
3 storiesTree 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.
4 storiesContent
Accordion
Sections de contenu repliables prenant en charge un ou plusieurs elements ouverts. Installez Accordion depuis le registre VLLNT UI avec la CLI shadcn.
1 storyAnimated List
Liste dont les elements s'animent sequentiellement avec une entree echelonnee. Installez Animated List depuis le registre VLLNT UI avec la CLI shadcn.
1 storyAnimated Testimonials
Carrousel de temoignages avec des transitions animees entre les citations. Installez Animated Testimonials depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesBento 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.
1 storyBlog Card
Disposition de carte pour afficher les apercus d'articles de blog. Installez Blog Card depuis le registre VLLNT UI avec la CLI shadcn.
1 storyBlur 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.
2 storiesCallout
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.
1 storyCard
Conteneur avec des sections en-tete, contenu et pied de page. Installez Card depuis le registre VLLNT UI avec la CLI shadcn.
1 storyCarousel
Carrousel de contenu defilable avec des controles de navigation. Installez Carousel depuis le registre VLLNT UI avec la CLI shadcn.
1 storyCode 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.
1 storyCode Playground
Editeur de code interactif avec apercu en direct. Installez Code Playground depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesCollapsible
Section de contenu extensible et repliable. Installez Collapsible depuis le registre VLLNT UI avec la CLI shadcn.
1 storyContent 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.
2 storiesCredit 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.
2 storiesDocument 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.
6 storiesExpandable Cards
Cartes qui se deploient au clic pour reveler du contenu supplementaire. Installez Expandable Cards depuis le registre VLLNT UI avec la CLI shadcn.
1 storyFAQ
Section de questions frequentes avec reponses extensibles. Installez FAQ depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesMDX Content
Affiche du contenu MDX avec correspondance de composants. Installez MDX Content depuis le registre VLLNT UI avec la CLI shadcn.
1 storyObject 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.
1 storyObject 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.
4 storiesPlan 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.
3 storiesPolicy 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.
4 storiesProperty 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.
4 storiesRelationship 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.
4 storiesReveal 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.
3 storiesRole 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.
2 storiesRouting 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.
4 storiesRuntime 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.
4 storiesScramble Text
Brouille les caracteres puis les resout en texte final. Installez Scramble Text depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesShare Section
Section de boutons de partage social et de copie du lien. Installez Share Section depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesShimmer Text
Texte avec une bande de lumiere vive qui le balaie. Installez Shimmer Text depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesSlideshow
Diaporama pas a pas pour presenter le contenu de maniere sequentielle. Installez Slideshow depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesSpinning Text
Texte dispose en cercle qui tourne en continu. Installez Spinning Text depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesSubscription 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.
2 storiesTerminal
Affichage de style terminal pour la sortie des commandes. Installez Terminal depuis le registre VLLNT UI avec la CLI shadcn.
1 storyText 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.
4 storiesText 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.
1 storyText Shimmer
Texte avec un remplissage en degrade anime qui scintille. Installez Text Shimmer depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesTimeline
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.
4 storiesTLDR Section
Section de resume pour un apercu rapide du contenu. Installez TLDR Section depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTypewriter
Affiche le texte caractere par caractere avec un curseur clignotant. Installez Typewriter depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesVideo Embed
Integration video responsive pour YouTube et d'autres fournisseurs. Installez Video Embed depuis le registre VLLNT UI avec la CLI shadcn.
1 storyWallet 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.
2 storiesAI
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.
4 storiesAI 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.
4 storiesAI 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.
2 storiesAI 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.
3 storiesAI 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.
3 storiesAI 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.
1 storyAI 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.
2 storiesAI 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.
2 storiesChain 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.
3 storiesChat 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.
1 storyConversation 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.
3 storiesModel 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.
4 storiesModel Selector
Selecteur deroulant pour choisir des modeles IA. Installez Model Selector depuis le registre VLLNT UI avec la CLI shadcn.
1 storyPrompt 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.
4 storiesPrompt 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.
4 storiesReasoning
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.
3 storiesThinking 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.
1 storyLearning
Annotation
Surlignage en ligne avec une note contextuelle attachee. Installez Annotation depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesChecklist
Liste de controle interactive avec suivi de progression et elements activables. Installez Checklist depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesCompletion 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.
2 storiesCurriculum
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.
2 storiesExercise
Bloc d'exercice interactif pour contenu pedagogique. Installez Exercise depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesFlashcard
Carte d'etude pour rappel actif avec etats question et reponse. Installez Flashcard depuis le registre VLLNT UI avec la CLI shadcn.
1 storyKey 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.
2 storiesKeyboard Shortcuts Help
Affiche les raccourcis clavier disponibles a l'utilisateur. Installez Keyboard Shortcuts Help depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesLearning Objectives
Liste les objectifs d'apprentissage pour du contenu educatif. Installez Learning Objectives depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesPro 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.
1 storyProfile Section
Section d'affichage du profil utilisateur avec avatar et details. Installez Profile Section depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesProgress 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.
2 storiesQuiz
Quiz interactif a choix multiples avec indices, explications et notation. Installez Quiz depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesRating
Notation par etoiles en ligne pour un retour leger des apprenants. Installez Rating depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesSearch Dialog
Boite de dialogue de recherche plein ecran avec navigation au clavier. Installez Search Dialog depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesStep 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.
1 storyStepper
Etapes sequencees avec des etats termine, actuel et a venir. Installez Stepper depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesTour
Parcours d'accueil guide pour presenter du contenu ou des schemas d'interface. Installez Tour depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTutorial Card
Carte pour afficher les apercus de tutoriels avec metadonnees. Installez Tutorial Card depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTutorial Complete
Ecran de fin affiche lorsqu'un tutoriel est termine. Installez Tutorial Complete depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesTutorial Filters
Controles de filtre pour parcourir les tutoriels par categorie ou difficulte. Installez Tutorial Filters depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTutorial 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.
1 storyTutorial 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.
1 storyEducational
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.
5 storiesEra 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.
3 storiesHistorical 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.
5 storiesKnowledge 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.
3 storiesParallel 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.
4 storiesBilling
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.
5 storiesPricing 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.
3 storiesTransaction 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.
4 storiesUtility
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.
4 storiesAnchor 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.
1 storyAnimated 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.
2 storiesAnimated 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.
12 storiesAspect Ratio
Contraint le contenu a un rapport d'aspect specifie. Installez Aspect Ratio depuis le registre VLLNT UI avec la CLI shadcn.
1 storyBorder 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.
2 storiesCanvas 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.
1 storyCanvas 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.
1 storyCard 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.
2 storiesComment 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.
4 storiesConnector 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.
1 storyContext 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.
4 storiesCursor
Suiveur de curseur personnalise qui traine derriere le pointeur. Installez Cursor depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesDot 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.
2 storiesFloating Action Button
Bouton d'action a position fixe pour actions principales. Installez Floating Action Button depuis le registre VLLNT UI avec la CLI shadcn.
1 storyGlass 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.
1 storyGlass 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.
1 storyGroup 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.
1 storyInfinite 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.
4 storiesLang Provider
Fournisseur de contexte pour la langue et l'internationalisation. Installez Lang Provider depuis le registre VLLNT UI avec la CLI shadcn.
1 storyLiquid Glass
Surface en verre avec un reflet degrade liquide anime. Installez Liquid Glass depuis le registre VLLNT UI avec la CLI shadcn.
1 storyLive 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.
4 storiesMagnetic
Conteneur qui attire son contenu vers le pointeur pour un effet magnetique. Installez Magnetic depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesMagnetic 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.
2 storiesMarquee
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.
5 storiesMeteors
Pluie de meteores decorative avec des trainees qui tombent en arriere-plan. Installez Meteors depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesMulti 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.
4 storiesNumber 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.
2 storiesObject 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.
1 storyParticles
Champ de particules flottantes qui derive doucement en arriere-plan. Installez Particles depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesPlayback 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.
4 storiesProgressive Blur
Superposition de flou progressif qui estompe la nettete vers un bord. Installez Progressive Blur depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesResizable
Disposition de panneaux redimensionnables avec poignees deplacables. Installez Resizable depuis le registre VLLNT UI avec la CLI shadcn.
1 storyScroll Area
Zone defilable personnalisee avec barres de defilement stylisees. Installez Scroll Area depuis le registre VLLNT UI avec la CLI shadcn.
1 storySelection 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.
4 storiesShimmer Button
Bouton avec un reflet lumineux qui balaie sa surface. Installez Shimmer Button depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesShine 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.
2 storiesShiny Button
Bouton avec un reflet en degrade brillant qui balaie en boucle. Installez Shiny Button depuis le registre VLLNT UI avec la CLI shadcn.
1 storySparkles
Etincelles scintillantes decoratives dispersees derriere le contenu. Installez Sparkles depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesSpinner
Indicateur de chargement rotatif anime. Installez Spinner depuis le registre VLLNT UI avec la CLI shadcn.
1 storySpotlight Card
Carte avec un projecteur radial qui suit le pointeur. Installez Spotlight Card depuis le registre VLLNT UI avec la CLI shadcn.
1 storyState 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.
4 storiesTable 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.
2 storiesTable 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.
2 storiesTheme 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.
1 storyTheme Provider
Fournisseur de contexte pour basculer entre theme clair et sombre. Installez Theme Provider depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTheme 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.
1 storyTheme Toggle
Bouton pour basculer entre les themes clair et sombre. Installez Theme Toggle depuis le registre VLLNT UI avec la CLI shadcn.
1 storyThread 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.
4 storiesTilt 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.
1 storyTruncated 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.
1 storyVous 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