VLLNT UI · Famille de composants
Composants Navigation
Navigation components move people through an app — menus, breadcrumbs, tabs, pagination, docks, rails, and floating navbars. Keyboard-accessible and composable into any shell.
Navigation Bars
Top-level header bars, menu bars, and site chrome for orienting users across React and Next.js apps.
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.
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 storyMenubar
Barre de menus horizontale avec menus deroulants. Installez Menubar 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 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 storySidebars & Rails
Collapsible sidebars, vertical rails, and side docks for persistent app and canvas navigation.
Sidebar
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 storyLeft 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 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 storyDocks & Bottom Bars
macOS-style docks and pinned bottom bars that host quick actions and calm canvas chrome.
Dock
Dock de style macOS dont les icones s'agrandissent pres du pointeur. Installez Dock depuis le registre VLLNT UI avec la CLI shadcn.
1 storyJarvis 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 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 storyTabs & Views
Tabs, view switchers, and saved-view bookmarks for toggling between panels, workspaces, and layouts.
Tabs
Panneaux de contenu a onglets avec declencheurs d'onglet accessibles au clavier. Installez Tabs depuis le registre VLLNT UI avec la CLI shadcn.
1 storyAnimated 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 storiesView 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 storyWorkspace 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 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 storiesBreadcrumbs & Paging
Breadcrumb trails, pagination, step navigation, and scroll rows for moving through paged and hierarchical content.
Breadcrumb
Fil d'ariane de navigation montrant la hierarchie de la page actuelle. Installez Breadcrumb 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 storiesPagination
Controles de navigation de pages avec liens precedent, suivant et de page. Installez Pagination 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 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 storiesLisible 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.
Questions frequentes
- What's in the navigation family?
- Menus and menubars, breadcrumbs, tabs, pagination, command palettes, docks and rails, and floating navbars — everything for moving through an app.