Floating primitives for Vue 3
VFloat is a Vue 3 toolkit for positioning and coordinating anchored floating interfaces. Small composables for tooltips, popovers, menus, and dialogs.
pnpm add v-floatRequires Vue 3.5+ESMMIT
Hover to open. Drag anchor to test collision flipping.Tap to open. Drag anchor to test collision flipping.
Precise Positioning
Pixel-perfect positioning powered by Floating UI algorithms with automatic collision detection, flipping, shifting, and arrow alignment.
Lightweight & Tree-Shakable
Minimal bundle footprint (~14.7 kB gzip for the entire library) — import only the composables and middlewares you use.
Composable Primitives
Independent composables for positioning, hover, click, focus management, and keyboard navigation that connect cleanly through unified composite floating nodes.