Browse components
Navigation
Lightweight wayfinding and locale controls for landing pages.
New: Coverflow Gallery is live — explore the catalog. See what's new
Restrained product update strip with gradient sheen and a clean collapse dismiss.
Minimal locale control with scaled blur-sm menu and staggered options — no native select chrome.
Compact sun and moon switch that persists theme preference and toggles the document dark class.
About Navigation Components
Navigation components help people understand where they are and move through a product or landing page with confidence. The collection includes lightweight controls for wayfinding and language selection.
Keep navigation labels short and predictable, make keyboard behavior obvious, and test the final arrangement at the breakpoints where the layout changes.
Frequently asked questions
What are navigation components used for?
They provide wayfinding and controls such as menus, locale selectors, and compact navigation patterns for landing pages and product interfaces.
Do navigation components support keyboard users?
They should. Preserve native links and buttons, visible focus states, and predictable keyboard interactions when you customize a component.
Can I adapt these for multiple languages?
Yes. Use the locale selector patterns with your own locale data and make sure labels, translated routes, and current-language state remain consistent.