UI

macOS Dock

A macOS style app dock with magnifying icons and a ⌘K command menu, for launchers and workspace switchers in trading and AI tools.

Cursor-tracking magnification needs a mouse — preview on desktop for the full effect.
When to use it

For app launchers and workspace switchers where the icon set is small enough to recognise by shape. The magnification is a hit-target aid on dense rows, not decoration, and the running dots let one control show both what exists and what is open.

Props · MacOsDock

PropTypeDefault
items?DockApp[]DEFAULT_ITEMS
activeIds?string[][]
onSelect?(item: DockApp) => void onCommand?: () => void className?: string·

Generated from the component source. Run npm run props:extract after changing a signature.