Navigation
npx @intellihelper/cli add.About navigation
How this category fits the Liquid Glass system
Navigation components orient users inside complex apps: sidebars, pagination, navigation menus, breadcrumbs patterns, and scroll-to-top helpers built as Liquid Glass React components for Next.js.
A glass sidebar keeps app chrome calm while content remains expressive. Pagination anchors data tables and search results. Navigation Menu structures marketing and docs IA. Scroll To Top improves long component docs and feed UIs without sticky layout shift when implemented carefully.
These free Tailwind components install with `npx @intellihelper/cli` and compose with Surfaces and Overlays for full app shells. If you are building an AI workspace, admin console, or multi-section docs site, start with Navigation plus Glass System primitives to lock IA and chrome before filling pages with forms and data.
Components
- SidebarCollapsible glass sidebar with mobile sheet and icon rail.
- Navigation MenuMulti-level header navigation with glass content panels.
- BreadcrumbHierarchical path navigation with separators and ellipsis.
- LinkStyled anchors with variants, sizes, external safety defaults, and asChild for Next.js.
- PaginationAccessible page navigation with glass button links.
- Scroll To TopFloating glass button that appears after scrolling.
- Conversation SidebarPinned conversation list with active state and new chat.
Looking for something else?