Dock

An interactive macOS-style dock with icon magnification.

Preview

🏠

⚡

🎨

🧩

🚀

bash

npx auralix-ui add dock

tsx

import { Dock, DockIcon } from "@/components/ui/Dock";

<Dock>
  <DockIcon>🏠</DockIcon>
  <DockIcon>🔍</DockIcon>
  <DockIcon>⚙️</DockIcon>
</Dock>

Name	Type	Default	Description
`magnification`	`number`	`60`	Scale of magnification.
`distance`	`number`	`140`	Distance of influence.
`children`	`ReactNode`	`-`	DockIcons.

Mac (Magnification)

🍎

🖥️

📧

Windows (Taskbar)

🪟

📁

Material (Floating Pill)

On this page