Dock
Icons that swell as the mouse glides along the row.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- magnification
- range
- align
- label
- labelOffset
What it does
Dock is a navigation animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called dock menu, magnify bar, mac dock, glass dock or dock tooltip.
The icon under the mouse grows the most, its neighbours a little less, and the row slides aside so nothing overlaps. An optional name bubble glides above the row, its text sliding in the direction you move. Keyboard focus works too.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.