Dock

new

macOS dock magnification with transforms only — icons scale and neighbours shift to make room, the glass shelf widens with them.

pointertransform3 files · 160 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/dock.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs dock

import { Dock } from "@/components/opus/effects/dock";

<Dock items={[{ id: "mail", label: "Mail", icon: <MailIcon />, onClick }]} />

Prop	Type	Default	Description
items	DockItem[]	—	{ id, label, icon, onClick?, href?, active? }
size	number	48	Base icon size (px).
magnification	number	1.8	Peak scale.
distance	number	150	Influence distance (px).