Floating Vue is a Vue component library that provides easy-to-use tooltips, popovers, dropdowns, and menus with positioning powered by Floating UI.
The library solves the problem of positioning floating UI elements relative to trigger elements in a way that keeps them visible and accessible. It wraps Floating UI's positioning engine with Vue-specific components and directives, handling the common patterns developers need when building interactive interfaces with floating content. The tool supports both Vue 2 and Vue 3 through separate version lines, allowing teams to use it regardless of their framework version.
Developers should choose this tool if they need a straightforward way to add tooltips, dropdowns, or context menus to Vue applications without managing positioning logic themselves. It suits projects of any scale that require these UI patterns. The library is a successor to an earlier project, having migrated from PopperJS to Floating UI as its underlying positioning engine, which provides more modern and flexible positioning capabilities.
The project maintains active development with regular updates to both Vue 2 and Vue 3 versions. The codebase is written in TypeScript, providing type safety for developers using the library. Documentation is comprehensive and accessible through a dedicated site, supporting developers in understanding and implementing the tool's features.
