VFloatFloating UI primitives for Vue 3

Build tooltips, popovers, menus, dialogs, and cursor-following surfaces with composables for positioning, interactions, and shared context.

Start with the guide

Browse the API

🎯

Positioning that stays out of your way

Create shared refs and open state with `useFloatingContext`, then add `usePosition` with middleware options like `offset`, `flip`, `shift`, and `custom` middleware such as `size`.

🧩

Interactions that compose cleanly

Combine `useHover`, `useClick`, `useFocus`, `useEscapeKey`, and `useListNavigation` without locking yourself into prebuilt components.

🪝

Built around Vue composables

Work with explicit `anchorEl` and `floatingEl` refs, reactive state, and a grouped `context` that fits naturally into Vue 3 apps.

🧠

Toolkit, not component library

Bring your own markup and styles. VFloat gives you the behavior and coordination layer so you can build the exact surface you need.