What counts as a core component?

The foundational, unopinionated primitives — Button, Input, Label, Switch, Badge, Kbd, Separator, and the layout atoms — that every other component composes from.

Do I have to install all of them?

No. Every @vllnt/ui component installs independently with the shadcn CLI — add only the ones you use.

VLLNT UI · Famille de composants

Composants Core

Parcourez les composants Core actuellement implementes pour le renderer Natif.

Parcourir tous les composants Comment les agents consomment le registre24 composants

Buttons & Actions

Buttons, copy-to-clipboard controls, toggles, and toolbars for triggering and grouping primary user actions.

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

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

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

Form Inputs

Core input primitives including text fields, checkboxes, radios, switches, sliders, and labels for capturing user data.

Input

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

WebNatif

1 storyVoir 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

Checkbox

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

WebNatif

1 storyVoir 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

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

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

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

Status & Feedback

Badges, banners, meters, skeleton loaders, empty states, and cookie consent for surfacing status and system feedback.

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

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

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

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

Layout & Surfaces

Structural primitives like grids, panels, and separators for composing page layout and content surfaces.

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

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

Separator

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

WebNatif

1 storyVoir le composant

Content & Display

Avatars, typography, links, QR codes, and keyboard hints for presenting content and identity.

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

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

Typography

Text, heading, display, and prose primitives with token-driven font family, weight, and type scale for consistent typography.

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

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

Lisible par les agents

Votre agent IA peut aussi les installer.

Le registre est expose comme donnees structurees, afin que les agents de code choisissent le bon composant sans scraper le HTML.

/llms.txt

Index concis selon la specification llmstxt.org — sections, liens et descriptions.

/llms-full.txt

Contexte complet du registre en une requete — docs plus chaque descripteur de composant.

/r/<name>.json

Descripteur par composant : props, schema d'accessibilite et exemples d'usage.

Questions frequentes

What counts as a core component?: The foundational, unopinionated primitives — Button, Input, Label, Switch, Badge, Kbd, Separator, and the layout atoms — that every other component composes from.
Do I have to install all of them?: No. Every @vllnt/ui component installs independently with the shadcn CLI — add only the ones you use.