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.
Plateformes prises en charge:Web
1 storyVoir le composantVLLNT 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.
Navigation Menu
Menu de navigation accessible avec liens et sous-navigation. Installez Navigation Menu depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantMenubar
Barre de menus horizontale avec menus deroulants. Installez Menubar depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantFloating 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.
Plateformes prises en charge:Web
1 storyVoir le composantTop 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantSidebars & 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantSidebar 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantSidebar Toggle
Bouton bascule responsive pour ouvrir et fermer la barre laterale. Installez Sidebar Toggle depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantLeft 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.
Plateformes prises en charge:Web
1 storyVoir le composantRight Dock
Dock contextuel pour inspecteurs, resumes et panneaux de canvas secondaires. Installez Right Dock depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:Web
1 storyVoir le composantDocks & 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.
Plateformes prises en charge:Web
1 storyVoir le composantJarvis 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.
Plateformes prises en charge:Web
4 storiesVoir le composantBottom 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantTabs & 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantAnimated 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.
Plateformes prises en charge:WebNatif
2 storiesVoir le composantView 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantWorkspace 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantViewport 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.
Plateformes prises en charge:Web
4 storiesVoir le composantBreadcrumbs & 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantWorld 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.
Plateformes prises en charge:Web
4 storiesVoir le composantPagination
Controles de navigation de pages avec liens precedent, suivant et de page. Installez Pagination depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
1 storyVoir le composantStep 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.
Plateformes prises en charge:WebNatif
1 storyVoir le composantHorizontal 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.
Plateformes prises en charge:WebNatif
2 storiesVoir le composantLisible 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.