Navigation components
Components that move people around an app: a collapsible app sidebar, tabs, breadcrumbs that wrap and expand in place, pagination and a navigation menu with dropdowns.
They mirror for right-to-left languages, and the sidebar becomes a swipeable sheet on phones.
- BreadcrumbA trail of links to the current page that wraps safely, mirrors in right-to-left layouts and expands collapsed segments in place.
- Navigation menuSite navigation with dropdowns, or one full-width panel that stays open while its content slides between menus.
- PaginationPage navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.
- SidebarAn app sidebar that collapses to icons or off canvas, stays pinned under your header, and becomes a swipeable sheet on phones.
- TabsSwitch between views with an indicator that slides to the active tab, as a segmented control or an underline, and lists that scroll when they overflow.
Built into Pro blocks
Blocks for AI products that are built from these components.
- Chat SidebarThe sidebar of a chat app, with pinned chats, projects and recents. Handles rename in place, delete with undo and chats still replying.
- HextaAIA complete AI chat app built from the HextaUI AI blocks. Handles streaming, tool approvals and plan review end to end on AI SDK message parts.
- ArtifactThe panel beside an AI chat that shows what the model made. Handles content still streaming, a sandboxed preview and versions you can restore.
- Stack TraceA crash shown the way a developer reads it. Your code comes first, framework frames fold away and every cause is listed in order.