Anchors

is a utility library for position anchoring. It helps you create floating elements like tooltips, popovers, and dropdowns, built on Floating UI's time-tested position solver.

$

Get Started GitHub

Simple, Robust Anchoring

Anchor any floating element onto any other element. Use placement strategies to customize the position and behavior of tooltips, popovers, dropdowns, and more to your heart's content.

(Anchors deals with the tricky bits for you – it correctly handles scrolling, overflow, positioning, layout, and much more.)

Placement

Places your floating element relative to another element.

Click the dots

top

Shift

Shifts your floating element to keep it in view.

Scroll the container

Popover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae pellentesque elit, in dapibus enim.

Flip

Changes the placement of your floating element to keep it in view.

Scroll up

Tooltip

Size

Changes the size of your floating element to keep it in view.

Scroll the container

Dropdown

Arrow

Dynamically positions an arrow element that is center-aware.

Scroll the container

Virtual

Anchor relative to any coordinates, such as your mouse cursor.

Move your mouse

Tooltip

Install

Start playing via your package manager or CDN.

Package Manager

Install with npm, Yarn, or pnpm.

CDN

Install with the jsDelivr CDN.