Floating Dock

A responsive floating dock with a magnified desktop hover state and an expandable mobile menu.

Source code

Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

Use active: true on any item to show the small running-app dot, similar to the macOS dock.

Usage

Basic

Soft colors

Custom item slot

Use the #item slot when you want to render something other than the default icon output. This is useful for components like UiFancyIcon or any other custom visual treatment.