Dock

A macOS-style dock component with magnification effects.

Open in

Configuring your account...

Please wait while we prepare everything for you

Usage

import { Dock, DockIcon } from "@/components/bynanaui/dock";
import { HomeIcon, PencilIcon } from "lucide-react";

export function DockDemo() {
  return (
    <Dock direction="middle">
      <DockIcon>
        <HomeIcon className="size-4" />
      </DockIcon>
      <DockIcon>
        <PencilIcon className="size-4" />
      </DockIcon>
    </Dock>
  );
}