Magnetic Icons Dock

Fully responsive Magnetic Dock component's tiles react & start rising when your cursor gets close to them. You can control how far away they react & how long the effect lasts.

Perfect for portfolio headers, app landing pages, or anywhere a row of links should feel alive instead of static.

Each tile has its own colour, hover colour, corner radius, tooltip, and link, all configurable from the panel.

✿ Control properties ✿

⬩Icon attach - directly by linking to vector set icons or uploading SVGs;

⬩Reach - how far from tiles the cursor is noticed;

⬩Motion - tiles growth, lift, overlap side, transition;

⬩Dock props & each tile prop separately - Tooltip text, link, fill & hover colours, boarder, radius & squircle, gap & padding (inside tiles & for sock separately);

⬩Tooltips - fonts and its colour, fill colour;

⬩Behaviour - fully responsive, set as "Fill" and it'll adapt to any screen-size, is reachable by Tab Key.