Tether Menu

Tether Menu is a Framer code component: a services menu that floats. A hub label drifts around the frame and bounces off the edges, and every category hangs off it on a thin line. Hover a category to pause everything and open its list of links right underneath. By default the categories are white pills on a warm beige background, with a dark pill for the hub.

Everything is a setting in the properties panel:

• Categories: a label, link and list of sub-links for each one

• Hub: text, link, font, color, fill and uppercase

• Pills: pill shape on or off, fill, hover fill, border, radius, padding and shadow

• Motion: hub speed, how closely categories follow, springiness, wander, pause on open, and new layouts with one click

• Text: fonts, colors and hover colors for categories and lists, plus list spacing and alignment

• Lines: color, width and the gap at each end

It works on phones (the first tap opens a list) and with a keyboard. Labels never overlap and stay inside the frame. It respects reduced motion and pauses when off screen.

After purchase you get a link that adds the component to any Framer project. No code needed.