Getting started

Install the package for your renderer

Install exactly one renderer adapter:

• Web Components for HTML-first Custom Elements.
• Vue for Vue components and composables.

Both adapters install @floating-ui-plus/web transitively. Use the Web core installation guide only when you are building your own renderer.

Pick the smallest layer

1. Use @floating-ui-plus/web when your application owns markup, ARIA, and lifecycle wiring.
2. Use @floating-ui-plus/web-components when you want declarative elements without a framework runtime.
3. Use @floating-ui-plus/vue when Vue should own rendering while the shared controller owns interaction state.

All three packages use the same concepts: a reference, a floating surface, an open-state callback, interaction plugins, and an optional focus manager.

Verify the live behavior

Open the popover demo, then compare the Vue combobox with the Web Components server-search example.