Framer component

Tether Menu

A services menu that floats. A hub drifts around the frame, every category hangs off it on a thin line, and hovering one pauses it and opens its list.

SERVICES
SERVICES

Make it yours

Colors, pill shape, fonts, line style, list alignment, speed and how closely the categories follow the hub are all settings in the properties panel. Two quick restyles:

STUDIO

Plain text: pills off, white background.

WORK

Night: dark pills.

What’s inside

A hub that drifts

The hub moves in straight lines and bounces off the frame edges, and the categories follow it on soft springs.

Lists that open in place

Hover, tap or tab to a category and its sub-links open right under it. Everything pauses while you read.

Never tangled

Labels keep their distance from each other and the hub, and slide sideways when they reach an edge.

Works on phones

The first tap opens a list instead of following the link, and tapping outside closes it.

Keyboard friendly

Tab opens a category and moves through its links. Escape closes it.

Calm when needed

Respects reduced motion, pauses when off screen, and renders on the server so nothing jumps on load.

Tether Menu for Framer

Create a free website with Framer, the website builder loved by startups, designers and agencies.