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 or 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
Pure ESM with zero styling baggage. Fully tree-shakable so you only ship the specific composables and middlewares your components import.
SSR-Friendly
Built for modern frameworks like Nuxt. Enjoy seamless server-side rendering with zero hydration mismatches and safe DOM guards.
Accessible by Default
Built-in keyboard navigation, roving focus, ARIA role management, and focus trapping designed for inclusive, screen-reader-friendly floating interfaces.