Dock Tabs

The component includes 10 sample app icons with different colors and uses Lucide React icons. You can easily customize the dock items, colors, and animation parameters to match your needs.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Dock Tabs to your project and fits it to your theme.

import { DockTabs } from "@/components/ui/dock-tabs";

export default function DemoOne() {
  return <DockTabs />;
}