Navigation

Wide dropdown navigation with grouped links and an optional featured card.

Floating pill navbar that hides on scroll down and returns on scroll up or focus.

Scroll-spy outline that highlights the current section with smooth jump links and nested levels.

Vertical tabs with arrow-key navigation, icons and badges following the ARIA tabs pattern.

Mobile bottom navigation with icons, badges and an optional raised center action.

Segmented radio group with a sliding thumb, arrow keys, optional icons and two sizes.

Top gradient bar that fills with scroll progress; bind it to any scroll container.

Button that appears after scrolling, with a progress ring and smooth scroll to top.

Expandable file tree with arrow keys, Home/End, Enter and Space following the ARIA tree pattern.

Navigation where a highlight pill glides between links on hover or focus and fades out on leave.

A desktop-style application menubar with submenus, checkbox and radio items, shortcuts and full keyboard support.

An avatar-triggered account menu with a profile header, links, a theme toggle and sign out.

A compact language selector with a listbox dropdown, an inline segmented variant and typeahead.

A collapsible nested navigation tree with WAI-ARIA arrow-key navigation, badges and controlled selection.

A narrow icon-only sidebar rail with tooltips, a sliding active indicator and an expandable labels mode.

A vertical multi-step progress navigator with connectors, error state, expandable content and clickable steps.

A sidebar-header workspace dropdown with plan badges, a create row and search for long lists.

A sticky secondary navigation that highlights the current section on scroll, with smooth scrolling and mobile overflow fades.

Tabs with a sliding active indicator and arrow-key navigation.

macOS-style dock whose icons magnify as the pointer approaches.

Responsive navbar with frosted glass on scroll, a mobile menu and a floating pill variant.

Breadcrumb trail that collapses the middle into an expandable ellipsis.

Pagination with smart ellipses, first / last buttons, page-size select and a result summary.

Multi-step progress indicator, horizontal or vertical, with clickable completed steps.