Beta
macOS Dock
macOS-style magnifying dock — cursor-driven icon springs, click bounce, floor reflections, running-app dots, and a ⌘K command menu.
macOS Dock
macOS-style magnifying dock — cursor-driven icon springs, click bounce, floor reflections, running-app dots, and a ⌘K command menu.
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.
Install
Adds macOS Dock and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/macos-dock.jsonProps · MacOsDock
| Prop | Type | Default |
|---|---|---|
| items? | DockApp[] | DEFAULT_ITEMS |
| activeIds? | string[]tools marked with the macOS running-app dot | [] |
| onSelect? | (item: DockApp) => void onCommand?: () => void className?: string | — |
Generated from the component source. Run npm run props:extract after changing a signature.