Svelte Floating UI screenshot

Svelte Floating UI

Author Avatar Theme by Fedorovvvv
Updated: 18 Jun 2025
175 Stars

Svelte Floating UI

Categories

Overview

The Svelte Floating UI is a user interface component for Svelte that allows the creation of floating actions without the need for wrapper components or component bindings. It provides options for configuring the content placement and updating the content position. The package also includes support for virtual elements and applying custom styles.

Features

  • Easy to Use: No wrapper components or component bindings required.
  • Configurable: Options object for configuring the content placement.
  • Position Updates: Ability to manually update the content position.
  • Virtual Elements: Supports the use of reactive virtual elements.
  • Custom Styles: Apply custom styles to the floating actions.

Installation

To install Svelte Floating UI, you can use npm by running the following command:

npm install svelte-floating-ui

Summary

Svelte Floating UI is a lightweight and versatile user interface component for Svelte. It simplifies the creation of floating actions by eliminating the need for wrapper components or component bindings. The package provides options for configuring the content placement and updating the content position. It also supports the use of reactive virtual elements and allows for the application of custom styles. With its ease of use and flexibility, Svelte Floating UI is a valuable tool for developers working with Svelte.