Browse components
Navigation
Lightweight wayfinding and locale controls for landing pages.
Compact next button with a looping arrow reveal, crisp press feedback, and loading and disabled states.
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.
Numbered pagination that keeps the current page visible and collapses long ranges with ellipses.
Compact pagination controls with arrows and dots by default, plus optional page numbers.
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.