Navigation & shell

Keep the context. Explore contact details in a floating panel without leaving the page.

Everything on one lead, in reach. A date-led list drives an AI follow-up suggestion, key fields, a tabbed timeline and a draft-email action.

Small footprint, clear direction. A navigable hierarchy for your application.

The frame of the app. Section title plus search, notifications and an avatar user menu.

The whole map. Brand header, workspace switcher and three navigation modes: labeled list, rail with submenu panel, and collapsed flyouts.

Keep the context in reach. A quiet, underline-led tab rail for switching between contact detail views.

The same quiet rail with optional numeric indicators at the right of each label.

The shared Tukiverse tab rail. Count pills, a disabled state and full keyboard navigation — install it, don’t copy it.

The shared Tukiverse context switcher. Flat tenants or nested tenant → workspace groups, rail mode and super-admin impersonation.

The shared Tukiverse navigation. Five variants, filtering, badges, section controls and row actions on Radix or Base UI.

A composable page heading with actions, selectable KPIs and a tabs slot.

Floating and non-modal push inspectors with record navigation and host-owned content.

Expanded and compact account footers with presence, initials and a composable account menu.

A responsive application topbar with search, scope, notifications, theme and user controls.