Dock

Interactive dock-style navigation built with React + TypeScript and Framer Motion. Icons dynamically scale based on cursor position using motion values and transforms. Includes smooth scrolling, tooltip labels, and responsive design. Optimized for clean UI and modern web experiences.

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

import Dock from "@/components/ui/dock";

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