Dock

Motion

A macOS style dock for React: icons magnify under the pointer with spring physics and show a label. Real buttons or links, keyboard reachable and labelled.

src/registry/premium/dock.tsx/r/dock.json

Installation#

bash
npx shadcn@latest add https://ui.minidev.pro/r/dock.json

Usage#

tsx
import { Dock } from "@/components/ui/dock"

export function Example() {
  return <Dock />
}

API reference#

Dock props
PropTypeDefault
itemsDockItem[]DEFAULT
sizenumber44
magnifynumber68
distancenumber130
classNamestring-

Dependencies#

npm

lucide-reactmotion

Built from

No other MiniDev files
All navigation components