Gooey Dock

Docs

Gooey Dock

React dock component — Horizontal dock with proximity-based magnification — items grow as the cursor approaches, spring physics.

Installation

Prop	Type	Default	Description
`items`	`DockItem[]`	-	Array of dock items (icon, label, etc.)
`sound`	`boolean`	`true`	Enable soft tick on hover transitions

Property	Type	Default	Description
`icon`	`React.ReactNode`	-	Icon element to render
`label`	`string`	-	Label shown on hover
`onClick`	`() => void`	-	Click handler
`active`	`boolean`	`false`	Show active dot below the icon

Contribute

Get 100+ premium components, elements, templates, and blocks with lifetime updates.