Skip to content
6

Navigation.

Docks, steppers, toolbars, split views and resizable panels.

8 components

Stepper

Navigation

Multi-step progress indicator with horizontal and vertical orientation, completed / active / inactive states, clickable steps and a compound API.

View

Tour

Navigation

Onboarding spotlight that dims the page around a target element and walks users through steps with a positioned coach-mark card.

View

Dock

Navigation

macOS-style dock with cursor magnification: icons scale and spring as the pointer passes, with hover and focus labels. Built on motion.

View

Expanding speed-dial FAB: a primary trigger that rotates open to stagger a stack of secondary actions on any side. Compound API.

View

Floating pill toolbar for text selection and canvas actions, with toggle buttons, separators and labels. Position it anywhere.

View

Split View

Navigation

Two-pane master/detail layout with a draggable divider, keyboard resize, min/max bounds and horizontal or vertical orientation. RTL-aware.

View

Composable resizable panel groups with draggable, keyboard-accessible handles, per-panel minimums and nestable horizontal or vertical groups. RTL-aware.

View

On-this-page navigation that tracks the active heading as you scroll and highlights it with a moving border marker. Takes a flat or nested items list, or composes from parts. Smooth scroll respects reduced-motion.

View