UI · Marketing & editorial
Floating dock
macOS-style magnify-on-hover dock (desktop) + collapsible mobile dock, token surfaces and Phosphor icons. Adapted from Aceternity UI.
@byronwade/foundation@byronwade/utilsmotion@phosphor-icons/react
Feature showcase
Installation
Features
1 example
Default.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| motion | npm | Installed from npm. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/floating-dock.tsx |
| Default example | content/examples/floating-dock/default.tsx |